@import 'structure.css';
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400|Satisfy|Roboto:300|Handlee&display=swap');
@import 'font-awesome.min.css';
 

    /* 
        Line 1413 - market comments disabled
    */para

/* ==============================================
   Renown Estate Agents [2025] CSS
   Author: Hyper Hedgehog
   Website: http://hyperhedgehog.uk
 
   Contents
   -------------------------------
 
   1. Function classes
   2. Layout / Structure override
   3. Home
        4i. Sales & Rentals foundation styling (page-flip)
   4. Sales
   5. Rentals
   6. About
   7. Contact
   8.
   9.
   X. Media Queries
================================================== */
 
 
     
 
/* 1. Function classes
-------------------------------------------------- */
 
* {box-sizing:border-box;}

    .row {padding-left:3em; padding-right:3em;}
 
    .center {float:none; margin:0 auto;}
    .clr {display:block; clear:both;}
    .nopad {padding:0!important;}
    .no-br {white-space:nowrap;}
    .last-row {margin-bottom:0!important; padding-bottom:3em;}
    .last-row div {background:rgba(0,0,0, 0.1);}
    .txt-l {text-align:left;}
    .txt-r {text-align:right;}
    .txt-c {text-align:center;}
    .nbmgn {margin-bottom:0!important;}
    .sizedown {font-size:.9em;}
 
 
/* 2. Layout / Structure override
-------------------------------------------------- */
    html {height:100%;}
 
    body {
        max-width:100vw;
        overflow-x:hidden;
        margin:0 auto;
        text-align:center;
        background:#fafafa!important
        }
 
 
        #wrapper { /* aka #wrapper - All content goes inside to keep the margins on the left and right of the content when scaling down. */
            max-width:100%;
            /* min-height:calc(100vh - 1.5em); /* 1.5em height of last element above footer's bottom margin */
            min-height:calc(100vh - 38.5em); /* 18.5em */
            margin:0 auto; padding:0px; /* margin L & R = page gutters */
            background:rgba(255,255,255, 0.1); /* used for mobile header (as well as page) bg */
            border-top:0px solid #E8C85C;
            }
 
            header {
                position:relative; z-index:5;
                margin:0; padding:0;
                border-top:8px solid #E8C85C;
                }
                header.e2e {
                    display:block;
                    position:absolute; top:0; left:0;
                    min-width:100%; height:85px;
                    }
                    header h1 {
                        position:absolute; z-index:6;
                        width:100%; height:1px;
                        padding:0;
                        color:#000;
                        background:rgba(0,0,0, 0);
                        }
                        header h1 img {width:140px; margin-top:10px;}
 
                /* basic nav styling */
                    nav {position:absolute; z-index:5; width:100%; margin:0 auto; padding:0; background:#fff;}
                    nav ul {margin:0; padding:0;} /* nav ul {padding:0.5em 20px;} /* Enable L+R 20px gutters */
                    nav ul li {min-width:10em; margin:20px 2.1em; list-style:none;}
                    nav ul li:first-child {margin-left:0;}
                    nav ul li:last-child {margin-right:0;}
                      nav ul li.spacer {width:240px;}
                      nav ul li.spacer a {opacity:0}
 
                    nav ul li a {
                      display:block;
                      padding:15px 1em;
                      font-size:1.2em;
                      text-decoration:none;
                      }
                    /* inline nav */ nav.il ul li {display:inline-block;}
                    /* centered */ nav.c {text-align:center;}
 
                    nav ul li.logo {margin:0 10px 10px 0;}
                    nav ul li.logo .fa {font-size:2em;}
                    nav ul li.mob-nav-btn a {
                        font-size:2em;
                        color:#666;
                        }
                        nav.show ul li.mob-nav-btn a {color:#000;}
 
 
                    /* Touch Contact links */
                        #touch-contact {
                            position:absolute; top:10px; left:9px;
                            margin-left:0; list-style:none;
                            z-index:10;
                            }
                            #touch-contact li {display:inline-block;}
                            #touch-contact li a {
                                display:block;
                                width:27px;
                                margin-right:.4em; padding:.15em 0;
                                color:#999;
                                font-size:1.8em;
                                text-align:center;
                                }
                                #touch-contact li a:active {color:#2B4F7C;}
                                /*
                                    #touch-contact li a:hover,
                                    #touch-contact li a:focus {color:#2B4F7C;}
                                    #touch-contact li a:active {color:#E8C85C;}
                                */
                                #touch-contact li#loc-link {
                                    position:absolute; top:-1px;
                                    font-size:0.97em;
                                    }
 
                    #burger {display:none;} /* responsive burger nav */
 
                    .mob-only {display:none;}
 
 
            /* Content Structure Components */
 
                #content {padding-top:96px;} /* push down page content by same fixed margin as header height */
 
                    section {margin-bottom:2em; padding:4em 3em 4em; /*4em 2em*/}
                    section.row {margin-bottom:2em;}
                    section.band.row {margin-bottom:0;}
 
                        /* Banding */
                        .preband {margin-bottom:0!important;}
                        .band {
                            position:relative;
                            width:100vw;
                            left:49.99%;
                            right:49.99%;
                            margin-top:4em; margin-bottom:0; /*2.2em;*/
                            margin-left:-50vw!important;
                            margin-right:-50vw!important;
                            padding:4em 3em 6em;
                            text-align:center;
                            border-top:1px solid rgba(0,0,0, 0.1);
                            }

                            section.band.parallax,
                            div.band.parallax {padding-left:0!important; padding-right:0!important; border-top:1px solid rgba(0,0,0, 0.15);}

                            .band .row {margin:0 auto; padding:0 0 1em 0;}
                            .band .row .row {padding:0em 20px;}
                            .band .row::after {display:block;}
 
                            /* .band .row div {background:rgba(255,255,255, 0.1);} */
 
                            /* band colouring */
                                .band {background:#ddd;}
                                .b-band {background:#369; color:#ddd;}
                                .c-band {background:maroon;}
 
                                    /*.b-band .row div {background:rgba(0,0,0, 0.05);}*/
                                    .b-band h4 {color:#ccc;}
                                    .b-band .w-25 p {color:rgba(255,255,255, 0.4);}
 
                          /* band sizing */
                              .band .row {/*width:90%;*/ width:100%; max-width:1860px;}
                              .band.wideband .row {max-width:2200px;}
                              .band.narrowband .row {max-width:1080px;}
 
                        #bg-img-band {
                            height:415px; /*375px;*/
                            margin-top:-1px;
                            margin-bottom:0em;
                            padding:0!important;
                            background:url('../img/cramlington-estate-agents-entrance.jpg') no-repeat center #369;
                            background-size:cover;
                            overflow:hidden;
                            }
                            #bg-img-band.about {background-image:url('../img/cramlington-estate-agents-entrance.jpg'); background-position:0 -250px;}
                            #bg-img-band.auctions {
                                background-color:#1b81bd; /*#b5a188; /*#4890cd*/
                                background-image:url('../img/auction-mono.png');
                                background-position:0 -160px;
                                }
                                
                                
                                /* Auction Promo Banner */
                                #auctionband {
                                    width:45%;
                                    min-width:580px;
                                    max-width:615px;
                                    height:auto;
                                    margin:2em auto 0em;
                                    padding:22px 0 49px;
                                    background-color:#46c1f9;
                                    background-position:-480px -40px;
                                    background-image:url('../img/auction-banner.png');
                                    border-radius:4px;
                                    }
                                
                                    #auctionband h3 {position:relative; margin-bottom:0; color:#fff; font-weight:bold;}
                                        #auctionband h3 span.a1 {position:absolute; top:0px; left:50%; margin-left:-259px;}
                                        #auctionband h3 img {position:absolute; top:-10px; left:46.5%; max-width:50px; max-height:50px;}
                                        #auctionband h3 span.a2 {position:absolute; top:0px; right:50%; margin-right:-229px;}
                                    
                                
                                /* auction box ad */
                                #auction-box {
                                    position:relative;
                                    margin-top:-23px;
                                    padding:24px 22px 26px;
                                    text-align:left;
                                    background-color:#46c1f9; /* #46c1f9 #339ad7*/
                                    background-position:-80px -40px; /* 960px -33px;  */
                                    background-image:url('/img/auction-banner-sm.png');
                                    box-shadow: 0 9px 19px rgb(0 0 0 / 11%);
                                    border: 1px solid rgb(106 212 253 / 12%);
                                    }
                                    #auction-box h4 {text-align:left; font-size:1.2em; font-weight:bold; line-height:1.3em; color:#fff;}
                                    #auction-box p {text-align:left!important; color:rgba(255,255,255, 0.8);}
                                    #auction-box a {color:#ffea94;}
                                
                                
                                
                                
 
                    /*section.band {margin-bottom:0!important; padding:4em 3em 6em!important;}*/

                        section.parallax,
                        div.parallax {
                            display:block;
                            position:relative;
                            min-height:600px;
                            margin-top:0; margin-bottom:0;
                            padding-left:0!important; padding-right:0!important;
                            /*background-color:slategrey;*/
                            background-color:#fff;
                            background-position:50% 50%;
                            background-repeat:no-repeat;
                            background-attachment:fixed;
                            background-size:cover;
                            }
                            section.parallax.pre-band,
                            #sales section.band.pre-band,
                            #rentals section.band.pre-band,
                            div.parallax.pre-band,
                            #sales div.band.pre-band,
                            #rentals div.band.pre-band {margin-bottom:-4em;}

                            section.band.pre-band.parallax,
                            div.band.pre-band.parallax {margin-top:4em!important;}

                            /* parallax img definitions */
                            section.parallax.parallax-1,
                                .parallax.home1
                                    {background-image: url("../img/parallax/cramlington-open-plan.jpg");}
                                    /* cramlington-roundabout.jpg  */
                                    /* northumberlandia.jpg */
                                    /* fall-forest.jpg */

                                    
                            section.parallax.parallax-2,
                                .parallax.home2
                                    {background-image: url("../img/parallax/summer-hut-sunset.jpg");}
                                    /* back-garden-with-decking */
                                    /* large-modern-rear-garden-cramlington */
                                    /* spring-clouds */
                                    /* spring-daisies  */


                            section.parallax.parallax-3,
                                .parallax.buyers1
                                    {background-image: url("../img/parallax/greylounge.jpg");}


                            section.parallax.parallax-4,
                                .parallax.buyers2
                                    {background-image: url("../img/parallax/spacious-kitchen-northumberland.jpg");}


                            section.parallax.parallax-5,
                                .parallax.sellers1
                                    {background-image: url("../img/parallax/cramlington-modern-lounge-living-room.jpg");}


                            section.parallax.parallax-6,
                                .parallax.sellers2
                                    {background-image: url("../img/parallax/cramlington-modern-kitchen-extension.jpg");}


                            section.parallax.parallax-7,
                                .parallax.tenants1
                                    {background-image: url("../img/parallax/modern-living-room-cramlington.jpg");}


                            section.parallax.parallax-8,
                                .parallax.tenants2
                                    {background-image: url("../img/parallax/family-friendly-back-garden.jpg");}


                            section.parallax.parallax-9,
                                .parallax.landlords1
                                    {background-image: url("../img/parallax/small-cosy-lounge-burradon.jpg");}
                            

                            section.parallax.parallax-10,
                                .parallax.landlords2
                                    {background-image: url("../img/parallax/small-kitchen-northumberland.jpg");}
                            
                            
                            section.parallax.parallax-11,
                                .parallax.about1
                                    {background-image: url("../img/parallax/renown-cramlington-office-desk.jpg");}
                            
                            
                            section.parallax.parallax-12,
                                .parallax.about2
                                    {background-image: url("../img/parallax/renown-office-building.jpg");}
                            
                            
                            section.parallax.parallax-13,
                                .parallax.about3
                                    {background-image: url("../img/parallax/back-garden-with-decking.jpg");}

                            
                            section.parallax.parallax-14,
                                .parallax.contact1
                                    {background-image: url("../img/parallax/grey-lounge.jpg");}
                                    /* spacious-kitchen-northumberland */
                                    /* daffodil-single */
                                    /* cold-blankets */


                            form select {
                                background-color:rgba(255,255,255, .8);
                                border-radius:0px;
                                -webkit-appearance:none!important;
                                }
                                form select:focus {background-color:rgba(255,255,255, 1);}

                                input:optional {} /* input does not have a required attribute */
                                input:required {}
                                input:valid {border-color:green;}
                                input:invalid {}

                                input.invalid {border-color:#d00}


 
                /* Accordion */
 
                    /* Accordion Magic */
                        .accordion:hover .accordion-item:hover .accordion-item-content,
                        .accordion:focus .accordion-item:focus .accordion-item-content,
                        .accordion .accordion-item--default .accordion-item-content {
                            height:120px;
                            background:rgba(255,255,255, 0.15)
                            }
                        .accordion-item-content,
                        .accordion:hover .accordion-item-content,
                        .accordion:focus .accordion-item-content {
                            height:0;           
                            margin-bottom:0;
                            overflow:hidden;
                            transition:height .5s, padding .5s;
                            }
 
                    /* Accordion Styling */
                        .accordion {margin:0 auto; padding:0;}
                        .accordion .accordion-item {padding-top:6px; background:#ccc; cursor:pointer;}
                        .accordion .accordion-item:hover {background:#bbb;}
 
 
                    /* Alt. Accordion / Main / Primary / Content Accordion */
                        .accordion-container {
                            max-width:75%;
                            margin:4em auto; padding:0;
                            border:1px solid #dfdfdf; border-radius:2px;
                            }
                            .accordion-container .acc-trigger {
                                width:100%;
                                padding:1.25em 0;
                                color:#444;
                                background-color:#eee;
                                border-bottom:1px solid #e0e0e0;
                                outline:none;
                                cursor:pointer;
                                transition:0.4s;
                                }
                                .accordion-container div.acc-trigger.last-trigger,
                                .accordion-container div.acc-trigger:last-child {border-bottom:0px solid #ccc;}
 
                                .acc-trigger h3 {margin-bottom:0; /*font-size:1.1em;*/}
                                .acc-open, .acc-trigger:hover {
                                    background: #ddd;
                                    }

                                .acc-trigger.prominent-trigger {}

 
                            .acc-content-container {
                                max-height:0;
                                margin-bottom:0;
                                padding:0;
                                background:#fff;
                                overflow:hidden;
                                transition:max-height 0.2s ease-out;
                                }
                                .acc-content-container:last-child {border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
                                .acc-content {padding:2em; text-align:left;}
                                .acc-content .row {padding-left:1.5em; padding-right:1.5em;}
                                .acc-content h5 {color:#369; font-size:1.2em; font-weight:bold; line-height:1.3em;}
                                 
                                .acc-content ol {margin:0 0 4em 4em;}
                                .acc-content li {margin-bottom:1em; padding-left:1em; font-size:1.2em; line-height:1.3em;}
                                .acc-content li p {font-size:1.1em;}
 
                                
                                .accordion-container .acc-trigger.prominent-trigger {background:#369; border-bottom-color:#258;}
                                .accordion-container .acc-trigger.prominent-trigger:hover,
                                .accordion-container .acc-trigger.prominent-trigger.acc-open {background:#258;}
                                .accordion-container .acc-content-container.prominent-content-container,
                                .accordion-container .acc-ontent-container.prominent-content-container,
                                .accordion-container .prominent-content-container,
                                #tap-body {
                                    margin-bottom:0;
                                    padding:0;
                                    transition:max-height 0.2s ease-out;
                                    background:#369;
                                    }
             


            footer {
                display:block; left:0;
                width:100%;
                margin:0 auto!important;
                padding:15px 0 10px !important;
                color:#eee;
                background:#2B4F7C;
                border-top:8px solid #E8C85C;
                }
                #sales footer, #rentals footer {position:absolute;}
                footer h6 {margin:1em auto; color:#f0f0f0;}
                footer h6 span {font-weight:normal; text-transform:none;}
                ul#footer-sitemap, ul#smallprint {margin-bottom:1.5em; margin-left:0;}
 
 
                footer #legals {margin:2em 5% 7em;}
                    #legals h6 {margin-bottom:.4em; font-size:1em; color:#fff; text-transform:none;}
                        #legals,
                        #legals address, #legals a {margin-bottom:1em; color:rgba(255,255,255, 0.5); line-height:1.6em; text-decoration:none;}
                        #legals address {padding-top:1px; font-style:normal; font-size:.85em; line-height:1.87;}
 
 
                ul#footer-sitemap li,
                ul#smallprint li {
                    display:inline-block;
                    margin:.5em 2em;
                    }
                    ul#smallprint {margin-top:0; font-size:.8em;}
                    ul#smallprint li {margin:.5em 1em;}
                    ul#smallprint li a {min-width:5em;}
                
 
 
 
 
 
    /* Modal Styling */
 
        .light-modal {text-align:center;}
         
        .light-modal-content {
            width:40vw;
            min-width:450px;
            max-width:490px;
            color:#777;
            background:#eaeaea;
            border-radius:0;
            }
 
            .light-modal-header,
            .light-modal-footer {
                padding:14px 16px;
                color:#333333;
                background:#2B4F7C;
                background:#E8C85C;
                }
                .light-modal-header h4 {color:#258}
 
                /* Modal Controls */
                .light-modal-close-icon,
                .light-modal-close-btn {
                    text-decoration:none;
                    padding:5px 10px;
                    color:#eee;
                    border-radius:0;
                    background:rgba(0, 0, 0, 0.15);
                    font-size:1.5em;
                    line-height:1;
                    transition:background .2s ease-in-out;
                    }
                    .light-modal-close-icon {position:absolute; top:-15px; right:-15px;}
                    .light-modal-close-btn {padding:7px 14px 8px; font-size:.95em;}
 
                    .light-modal-close-icon:hover, .light-modal-close-btn:hover {color:#eee; background:#258;}
                    .light-modal-close-icon:active, .light-modal-close-btn:active {text-decoration:none!important;}
 
 
            .light-modal-body {
                max-height:450px;
                padding:20px 20px 4em;
                font-size:76%;
                overflow-y:auto;
                }
 
                form.modal-form {width:82%; margin:2em auto; padding-top:13px; font-size:1.25em; background:#cacaca;}
                    form.modal-form fieldset {margin-bottom:.6em; padding:0 2px; border:0; border:none;}
                    form.modal-form fieldset.enquiry-nature {padding:0;}
                    form.modal-form fieldset.message {margin-bottom:.8em;}
 
                    form.modal-form fieldset label {display:none;}
                        .ppref label {display:block!important; cursor:pointer;}
 
                    form.modal-form fieldset input,
                    form.modal-form fieldset select,
                    form.modal-form fieldset textarea {
                        margin:0 auto .6em;
                        padding:5px 6px;
                        color:#777;
                        line-height:1.5em;
                        font-family:'Roboto', helvetica, arial, sans-serif;
                        background:rgba(255,255,255, 0.7);
                        border:none;
                        border-radius:0;
                        }
                        form.modal-form fieldset select {padding:6px 6px 7px; font-size:.9em;}
                        form.modal-form fieldset textarea {margin-bottom:0; min-height:125px;}
 
                        
                        input[type=text],
                        input[type=email],
                        /* 
                        input[type=tel],
                        input[type=number],
                        */
                        select,
                        textarea,
                        #problemreport input[type=tel],
                        #problemreport input[type=email]
                            {width:100%;}
 
                        /* To stop input fields breaking outside of form */
                            .acc-content .light-modal input[type=text],
                            .acc-content .light-modal input[type=email],
                            .acc-content .light-modal input[type=tel],
                            .acc-content .light-modal textarea {max-width:96%;}
                         
 
                        form.modal-form input:hover, form.modal-form input:focus,
                        form.modal-form select:hover, form.modal-form select:focus,
                        form.modal-form textarea:hover, form.modal-form textarea:focus {
                            background-color:rgba(255,255,255, 1);
                            }
 
                    form.modal-form fieldset.submit {margin-bottom:.15em;}
                    form.modal-form input[type="submit"] {
                        display:block;
                        float:right;
                        margin-bottom:.5em;
                        padding:6px 26px;
                        color:#eaeaea;
                        font-size:.95em;
                        font-weight:bold;
                        background:#369;
                        border-radius:0;
                        -webkit-appearance:none!important;
                        } 


            /* animate.css Modal animation */
                    
                .animated {
                    -webkit-animation-duration: 1s;
                    animation-duration: 1s;
                    -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
                    }

                .bounceIn {
                    -webkit-animation-duration: 0.75s;
                    animation-duration: 0.75s;
                    -webkit-animation-name: bounceIn;
                    animation-name: bounceIn;
                    }

                    @-webkit-keyframes bounceInDown {
                      from,
                      60%,
                      75%,
                      90%,
                      to {
                        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                      }

                      0% {
                        opacity: 0;
                        -webkit-transform: translate3d(0, -3000px, 0);
                        transform: translate3d(0, -3000px, 0);
                      }

                      60% {
                        opacity: 1;
                        -webkit-transform: translate3d(0, 25px, 0);
                        transform: translate3d(0, 25px, 0);
                      }

                      75% {
                        -webkit-transform: translate3d(0, -10px, 0);
                        transform: translate3d(0, -10px, 0);
                      }

                      90% {
                        -webkit-transform: translate3d(0, 5px, 0);
                        transform: translate3d(0, 5px, 0);
                      }

                      to {
                        -webkit-transform: translate3d(0, 0, 0);
                        transform: translate3d(0, 0, 0);
                      }
                    }

                    @keyframes bounceInDown {
                      from,
                      60%,
                      75%,
                      90%,
                      to {
                        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                      }

                      0% {
                        opacity: 0;
                        -webkit-transform: translate3d(0, -3000px, 0);
                        transform: translate3d(0, -3000px, 0);
                      }

                      60% {
                        opacity: 1;
                        -webkit-transform: translate3d(0, 25px, 0);
                        transform: translate3d(0, 25px, 0);
                      }

                      75% {
                        -webkit-transform: translate3d(0, -10px, 0);
                        transform: translate3d(0, -10px, 0);
                      }

                      90% {
                        -webkit-transform: translate3d(0, 5px, 0);
                        transform: translate3d(0, 5px, 0);
                      }

                      to {
                        -webkit-transform: translate3d(0, 0, 0);
                        transform: translate3d(0, 0, 0);
                      }
                    }

                    .bounceInDown {
                      -webkit-animation-name: bounceInDown;
                      animation-name: bounceInDown;
                    }                
 
 
 
 
    /* Typography */
 
        h1, h2, h3 {font-family:'Roboto', Helvetica, Arial, sans-serif;}
        
        h3, h4, h5 {font-weight:normal;}

            h1 {font-size:2.750em;}
            h2 {font-size:2.063em;
                font-weight:lighter;
                color:#2B4F7C;
                margin-bottom:1em;
                }
                .band h2 {color:#2b4f7c;}
                .b-band h2 {color:#fafafa;}
            h3 {font-size:1.5em;
                color:#2B4F7C;
                margin-bottom:1em;
                }
            h4 {color:#666;}

            .prominent-trigger.acc-open h3,
            .gold {color:#E8C85C!important;}
 

        p, ul, li {
            font-family:'Roboto', Helvetica, Arial, sans-serif;
            color:#777;
            line-height:1.4em;
            }
        p {
            margin-bottom:1.4em;
            margin-left:auto;
            margin-right:auto;
            font-size:1.3em
            }
            .band p {color:#555;}
            .b-band p, .prominent-trigger h3 {color:#fafafa;}
                .prominent-content-container p {color:rgba(255,255,255, 0.5);}
                .prominent-content-container p strong {color:#fafafa;}
            .subtxt p {font-size:1.1em; line-height:1.4em;}
                 
            .light-modal-body p {color:#777;}
 
            .intro {
                text-align:center;
                width:90%;
                margin-left:auto;
                margin-right:auto;
                }
            .intro-large {
              max-width:88%;
              margin-bottom:1.75em;
              font-size:1.75em;
              margin-left:auto;
              margin-right:auto;
              }
              .intro-large a {font-weight:bold;}
              .intro-large a:hover {color:#E8C85C;}
 
            .slanted {
                margin-bottom:.5em;
                color:#2B4F7C;
                font:italic lighter 3em 'Handlee', cursive, sans-serif;
                transform:rotate(-3deg);
                }
 
 
    /* Links */
 
        /* regular and band */
            a {color:#258;}
            a:hover {color:#3B75B0; text-decoration:none;}
            a:active {color:#E8C85C; text-decoration:underline;}
 
        /* b-band */
            .b-band a, .accordion-container .prominent-content-container a {color:rgba(255,255,255, 0.99);}
            .b-band a:hover, .accordion-container .prominent-content-container a:hover {color:#fff; text-decoration:underline;}
            .b-band a:active, .accordion-container .prominent-content-container a:focus {color:#E8C85C; text-decoration:underline;}
 
        /* foot links */
            footer li a {color:#eee; color:rgba(255,255,255, 0.5); text-decoration:none;}
                footer li a:hover {color:#fff; text-decoration:underline;}
                ul#footer-sitemap li a:active {color:#E8C85C; text-decoration:none;}
 
                ul#smallprint li a {color:rgba(255,255,255, .3);}
                ul#smallprint li a:hover {color:#fff; text-decoration:underline;}
                ul#smallprint li a:active {color:#E8C85C; text-decoration:none;}
 
 
 
    /* Controls */
 
        button, .btn {
            margin-bottom:0;
            padding:9px 36px;
            color:#eaeaea;
            font-size:1em;
            background:#369;
            border:1px solid #2B4F7C;
            -webkit-appearance:none!important;
            }
            button:hover {background:#2B4F7C;}
            button:active {color:#2B4F7C; background:none; border:1px solid #2B4F7C;}

            a.btn {
                display:inline-block;
                padding-bottom:11px;
                padding-left:26px; padding-right:26px;
                font:1.1em Lato, Helvetica, Arial, sans-serif; /* font: 1.15em */
                text-decoration:none;
                background:#369;
                border:0;
                border-radius:0;
                -webkit-appearance:none!important;
                }
                .btn:hover, .btn:focus {color:#fff; background:#258;}
                .btn:active {background:#E8C85C; border:0;}

                .b-band .btn,
                .prominent-content-container .btn,
                .accordion-container .prominent-content-container a.btn {background:#efefef; color:#777;}                
                
                .b-band .btn:hover, .b-band .btn:focus,
                .prominent-content-container .btn:hover, .prominent-content-container .btn:focus,
                .prominent-content-container a.btn:hover, .prominent-content-container a.btn:focus {filter:brightness(1.1); color:#258; text-decoration:none;}
                
                .b-band .btn:active,
                .prominent-content-container .btn:active,
                .accordion-container .prominent-content-container a.btn:active {color:#ccc; background:#147;}
         
        .light-slider-call {display:none;}
 
 
 
 
 
 
/* 3. Homepage
-------------------------------------------------- */
 
    #propsearch-container {
        position:relative;
        z-index:5;
        /*min-width:920px;
        max-width:920px!important; - aligned to contact*/
        min-width:1020px;
        max-width:1020px!important;
        width:100%;
        margin:0 auto; padding:1px!important;
        background:rgba(0,0,0, 0.5)!important;
        }
        #propsearch-container #mount {
            position:absolute; top:-478px; right:0;    /* top:-628px; / 528px (650px slider height) slider img demo, increased height */
            z-index:10;
            width:242px;
            vertical-align:middle;
            }
 
 
 
 
    /* PROPERTY SEARCH ACCORDION */
        .accordion-search {}
 
 
            /* SEARCH
                .accordion-items
                .accordion-search .accordion-item {padding-top:0;}
            */
 
               /* .accordion-search:hover .accordion-item:hover .accordion-item-content,
                .accordion-search:focus .accordion-item:focus .accordion-item-content,
                .accordion-search:focus .accordion-item:focus
                .accordion-search .accordion-item--default .accordion-item-content {
                    height:0px;
                    }
                */
 
 
            /* SEARCH
                .accordion-item-contents*/
                .accordion-search .accordion-item-content {}
 
              /*  .accordion-search:hover .accordion-item-content ,
                .accordion-search:focus .accordion-item-content  {padding:0;}*/
 
                .accordion-search .accordion-item-content,
                /*.accordion-search:focus .accordion-item-content,*/
                .accordion-search:hover .accordion-item-content {
                    height:0;
                    margin-bottom:0;
                    overflow:hidden;
                    transition:height .5s, padding .5s;
                    }
 
                    .accordion #search-container-buy:hover #search-content-buy /*,
                    .accordion #search-container-buy:focus #search-content-buy */ {
                        padding:0; color:#eaeaea;
                        }
                    .accordion #search-container-let:hover #search-content-let /*,
                    .accordion #search-container-let:focus #search-content-let */ {
                        padding:0; color:#258;
                        }
 
 
 
 
 
    .accordion { }
 
        .accordion label {
            position:relative; height:40px;
            z-index:20;
            display:block;
            cursor:pointer;
            }
            /*
            .accordion label:hover {background:rgba(255,255,255, 0.1);}
            .accordion label[for="ac-2"]:hover {background:rgba(255,255,255, 0.2);}
            */
            .accordion input:checked + label,
            .accordion input:checked + label:hover {
                /* checked styling */
                
                }
                .accordion input.ctrl
                .accordion input.ctrl {display:none;} /* duplicated on line 601 */
 
        .accordion .accordion-item-content {
            position:relative;
            overflow:hidden;
            z-index:10;
            height:0px;
            margin-top:-1px;
            transition:height .3s ease-in-out, padding .3s;
            }
            .accordion input:checked ~ .accordion-item-content {
                height:358px;
                padding-bottom:8px;
                transition:height .5s ease-in-out, padding .3s;
                }
 
 
 
    #slider-band {
        margin-top:-1px;
        /* margin-bottom:1.5em; /* 1.5em = row standard */ margin-bottom:4em;
        padding:0!important;
        }
        #slider-band .row {max-width:100%; margin-top:-4px; padding:1px 0em!important; background:none!important; }
        #slider-band .w-100 {margin-bottom:0!important; padding:1em;}
 
 
        /* SLIDER */
 
            .slider {
                height:500px;
                /* height:650px;   slider img demo, increased height */
                } /* height:loacted in HTML slider <script> tag */
                
                .slAnchor { /* full slide clickable */
                    display: block;
                    position: absolute; top: 0; left: 0;
                    min-width: 100%;width: 100%; max-width: 100%;
                    min-height: 100%; height: 100%;
                    background-size: cover;
                    background-repeat: no-repeat;
                    cursor: pointer;
                    z-index: 0;
                    }
                    a.slide-href {
                        display:block;
                        width:100%;
                        height:100%;
                        background:rgb(224,73,192, 0);
                        background-size:cover;
                        }

                    a.findoutmore,
                    span.findoutmore { 
                        position:absolute;
                        right:15.7%;
                        bottom:14%;
                        padding:6px 0;
                        color:#fafafa;
                        font-size:1.6em;
                        text-decoration:none;
                        cursor: pointer;
                        }
                        .findoutmore:hover,
                        .slAnchor:hover span {color:#E8C85C!important; text-decoration:none;}


                .slider [class*="ctrl"] {top:53%; font-size:70px; color:rgba(255,255,255, 0.2);}
                .slider [class*="ctrl"]:hover {color:rgba(255,255,255, 0.7);}
                .ctrlNext {right:25px;}
                .ctrlPrev {left:25px;}
 
                .slDots {bottom:22px;}
                .slDotsSingle {
                    width:11px;
                    height:11px;
                    margin-top:6px;
                    margin-left:12px;
                    border:2px solid rgba(255,255,255, 0.5);
                    border-radius:50%;
                    cursor:pointer;
                    }
                    .slDotsSingle.active {
                        background:rgba(255,255,255, 0.5);
                        }
                    .slDotsSingle:hover {
                        background:rgba(255,255,255, 0);
                        border-color:#fff;
                        }
                        .slDotsSingle.active:hover {background:rgba(255,255,255, 0.5);}
 
 
        /* SEARCH ACCORDION */
 
            #propsearch-container {}
                #mount {padding:0!important;}
                    .accordion-search {}
                        .accordion-search .ctrl {display:none;}
 
 
                        /* accordion heading */
                        #search-container-buy {color:#eaeaea; background:#369;}
                        #search-container-let {color:#258; background:#E8C85C;}
                            #search-container-buy label {color:#eaeaea;}
                            #search-container-let label {color:#258;}
                            
                            #propsearch-container label span {
                                display:block;
                                margin:0;
                                padding:.6em 0;
                                font: bold 1.25em Lato, Helvetica, Arial, sans-serif;
                                }
 
 
                        /* accordion content */
                        #search-content-buy,
                        #search-content-let {}
 
                            /* property search form styling */
                            form.property-search-form {
                                display:block;
                                margin:0 8px;
                                padding:1.18em 1.2em 1.25em;
                                background:rgba(0,0,0, 0.15);
                                }
 
                                .property-search-form fieldset {margin-bottom:0; padding:0; border:none;}
                                .property-search-form legend {display:none;}
                                .property-search-form label {display:none;}
 
                                .property-search-form select {cursor:pointer;}
                                .property-search-form select,
                                .property-search-form input[type="text"] {                              
                                    margin-bottom:.72em;
                                    padding:.3em .25em .31em;
                                    font-size:1.1em;
                                    color:#666;
                                    border:0;
                                    opacity:.8;
                                    }
                                    .property-search-form select:hover,
                                    .property-search-form input[type="text"]:hover {opacity:1;}
 
                                    .beds {margin-bottom:1.5em!important;}
                                    .price_high {margin-bottom:1.7em!important;}
 
                                /* Default & Sales form colouring */
                                .property-search-form input[type="submit"] {
                                    display:block;
                                    width:100%;
                                    margin:0 auto;
                                    padding:8px 0;
                                    color:#eaeaea;
                                    font-size:1.15em;
                                    font-weight:bold;
                                    font-family:Lato, Helvetica, Arial;
                                    background:#3B75B0;
                                    border:0;
                                    border-radius:0;
                                    -webkit-appearance:none!important;
                                    }
                                    fieldset.keyword-search button:hover,
                                    .property-search-form input[type="submit"]:hover {
                                        filter:brightness(1.15);
                                        color:#fff;
                                        }
 
                                /* Rental form colouring */
                                #search-content-let fieldset.keyword-search {border-bottom-color:rgba(0,0,0, 0.2);}
                                #search-content-let fieldset.keyword-search button {background:#E1C76D; color:#369;}
                                #search-content-let input[type="submit"] {background:#F4D461; color:#369;}
                                    #search-content-let fieldset.keyword-search button:hover,
                                    #search-content-let input[type="submit"]:hover {
                                        filter:brightness(1.04);
                                        color:#245382;
                                        }
                                     
                                fieldset.keyword-search {margin-bottom:1.65em; border-bottom:1px solid rgba(255,255,255, 0.14);}
                                fieldset.keyword-search input {float:left; width:78%; height:29px; padding-left:7px; color:#000; border-radius:0;}
                                fieldset.keyword-search button {
                                    float:right;
                                    position:absolute; top:15px; right:24px;
                                    padding:6px 11px 8px 10px;
                                    color:#eaeaea;
                                    background:#369;
                                    border:0;
                                    }
 
 
 
 
 
    #initial-container {text-align:left;}
        #contact-box p.msg {display:none;}
 
        .raised {
            position:relative; z-index:5;
            margin-top:-230px; padding:30px;
            text-align:left;
            background:rgba(255,255,255, 1);
            }
 
        #initial-container h3 {font-weight:500;}
 
        /* intro bullets */
            #initial-container li {padding-left:.2em; font-size:1.3em;}
 
        /* google reviews link */
            #initial-container img {margin:0;}
 
        /* get in touch */
            #contact-box {position:relative; text-align:right;}
                #contact-box h3 {margin-bottom:1.8em; padding-right:1px;}
                #contact-box a.tel {font-size:3em; /*color:#a5a5a5;*/ text-decoration:none;}
                #contact-box i.fa-phone {
                  z-index:-1;
                  position:absolute; bottom:0; right:10px;
                  font-size:15em;
                  color:rgba(0,0,0, 0.04);

                  position:absolute; bottom:-40px; right:160px; transform:rotate(7deg);
                  }
                #contact-box p {margin:.75em 0 1.5em; color:#888;}
 
                #soc-small, #soc-message {margin-left:0; list-style:none;}
                #soc-small li {display:inline-block; margin:0; padding:0!important; font-size:3em;}
                    #contact-box #soc-small li:first-child {margin-right:-5px;}
                    #contact-box #soc-small li:last-child {margin-right:-7px; padding-right:0;}
 
                #soc-message {display:none;}
                  #soc-message li {display:inline-block; margin:0 0.25em;}
                  #soc-message li button {
                    font:1em Helvetica, arial, sans-serif;
                    border:1px solid #ddd;
                    border-radius:5px;
                    }
                    li.fb-message button {color:#0384ff; background:#fff;}
                    li.tw-message button {color:#eee; background:#38A1F3;}
 
 
 
    .testimonial-slider,
    #testimonial-container {
        position:relative;
        margin:0; padding:.7em 1em;
        background:url('../img/loading-small.gif') center 85px no-repeat;
        overflow:hidden;
        }
        q {quotes:"“" "”" "‘" "’"; font-family:'Satisfy', cursive, serif;}

        .testimonial-slider:before,
        #testimonial-container:before,
        q:before {
            z-index:1;
            content:open-quote;
            position:absolute; top:109px; left:20px;
            font-size:11em;
            color:rgba(0,0,0, 0.05);
            }
            .testimonial-slider:before {top:45px;}

        .testimonial-slider:after,
        #testimonial-container:after,
        q:after {
            z-index:0;
            content:close-quote;
            position:absolute; bottom:-33px; right:14px;
            font-size:22em;
            color:rgba(0,0,0, 0.04);
            }

            .testimonial-slider .owl-item {padding:0 4em;}
 

        /* G-Reviews */
            #schema {display:none;}
            #google-reviews {
                position:relative; left:0;
                width:500%;
                margin:0;    
                animation:20s reviews-slider infinite;
                }
                .review-item {
                    float:left;
                    width:20%; min-height:200px;
                    margin:0 auto; padding:.15em 1em 2em;
                    text-align:center;
                    background:#ddd;
                    }
                    .review-stars {margin-bottom:.6em; font-size:2em;}
                        .review-stars ul {display:inline-block; margin:0; padding:0 0 .1em; list-style:none!important; border-bottom:1px solid #999;}
                        .review-stars ul li {margin-right:1px; line-height:1; float:left; list-style:none!important;}
                        .review-stars ul li i {color:#E4B248; font-size:1.2em; font-style:normal;}
                        .review-stars ul li i.inactive {color:#c6c6c6;}
                        .star:after {content: "\2605";}
                        @keyframes reviews-slider {
                            0% { left: 0;}
                            20% {left: 0;}
                            25% {left: -100%;}
                            45% {left: -100%;}
                            50% {left: -200%;}
                            70% {left: -200%;}
                            75% {left: -300%;}
                            95% {left: -300%;}
                            100% {left:-400%;}
                        }

                    .review-author {font-size:1.15em; font-weight:bold; text-transform:uppercase;}
                    .review-date, .review-sep {display:none; font-size:.8em;}
                    .review-text {max-width:32em; margin:auto; font:1.15em georgia, serif; color:#666!important; line-height:1.45em;}
                        .review-text p {z-index:2; margin-bottom:1.5em;}
 
 
 
    #tenant-service-options {width:auto; min-width:0; max-width:100%;}
 
 
 
    #shortcuts {}
        #shortcuts div.w-50 {padding:0 1em;}
        #shortcuts div.w-50 h4 {color:#E8C85C; font-weight:bold;}
        #shortcuts p {font-size:1.1em; text-align:center;}
 
 
 
    #affiliates-container {margin-top:0em; /*6em*/}
        #affiliates-container div {background:none; vertical-align:bottom;}
        #affiliates-container div.w-33 {min-height:110px; vertical-align:bottom;}
            #affiliates-container ul li {text-align:center;}
                #affiliates-container h3 {margin-bottom:1.5em; color:#999;}
                #affiliates-container img {padding:0; vertical-align:bottom;}
 
 
 
 
 
 
/* 4i. Sales & Rentals foundations
-------------------------------------------------- */
 
 
    #page-toggles-container {display:none;}
        .page-toggles-fadein {animation-name:showFooter; animation-duration:2.0s; display:block!important; opacity:1!important;}
             
            /*delete?*/
            .accordion-toggle {background-color:#ffabab; padding:25px; margin:5px; border-radius:5px; cursor:pointer;}
            .accordion-toggle:hover {background-color:#7d7d7d;}
            .active-accordion {background-color:#ff6666!important;}
 
                .accordion-content {position:relative; z-index:-1; overflow:hidden;}
 
 
            .accordion-visible {height: auto; animation-name:accordion-visible; animation-duration:1s;}
                @keyframes accordion-visible {from {max-height: 0px;} to {max-height: 500px}}
 
            .accordion-hidden {animation-name:accordion-hidden; animation-duration:1s;}
                @keyframes accordion-hidden {from {max-height: 500px;} to {max-height: 0px;}}
 
 
 
        /* Page Toggles foundation styling */
            #page-toggles-container {position:absolute; top:96px; /*top:44px;*/ left:0; z-index:2; width:100%; padding:0;}
                a#page1-toggler, a#page2-toggler {background:#111; background:#555;}
                    a#page1-toggler {}
                    a#page2-toggler {margin-left:0!important;}
                        /*onclick=showContent*/
                        a.toggler { 
                            position:relative;
                            z-index:1;
                            width:50%!important;
                            margin-bottom:0!important;
                            }
                            /*inside page-toggler links*/
                            a.toggler div {cursor:pointer; min-height:415px; padding:0; text-align:center;}
                            a.toggler div h2 {
                                position:absolute; bottom:0;
                                width:100%;
                                margin:0 auto; padding:.4em 0;
                                text-align:center;
                                color:#fff;
                                font-size:2.75em;
                                background:rgba(0,0,0, 0.55);
                                border-top:4px solid rgba(255,255,255, .4);
                                border-color:#E8C85C;
                                opacity:1!important;
                                filter:none!important;
                                /*transform:.3s ease-in;
                                transition:.3s ease-in;*/
                                }
                                 
                                /* a.toggler div:hover h2 {see desktop and desktop large} */
 
                                a.toggler div:focus h2,
                                a.toggler div:active h2 { /* To be applied via .selected class on the #thumb below 
                                    color:#fff;
                                    background:#2B4F7C;
                                    background:#2B4F7CD9;
                                    border-color:#E8C85C;   */
                                    }
 
 
 
                            /*a.toggler DIV IDs*/
                                #left-thumb, #right-thumb {
                                    position:relative; background-size:cover;
                                    /*
                                    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
                                    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
                                    -webkit-filter:grayscale(100%);
                                    */
                                    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
                                    filter:grayscale(100%);
                                    opacity:.75;
                                    /*transform:.3s ease-in;
                                    transition:.3s ease-in;*/
                                    }
/*                                    
                                    #left-thumb {background:#d0d0d0;}
                                    #right-thumb {background:#dfdfdf;}
*/
                                     
                                    /* #left-thumb:hover, #right-thumb:hover {see desktop and desktop large} */
 
                                    /*
                                    #left-thumb:focus, #right-thumb:focus,
                                    #left-thumb:active, #right-thumb:active {
                                        opacity:1;
                                        -webkit-filter:grayscale(0%);
                                        filter:grayscale(0);
                                        filter:none;
                                        transform:.3s ease-in;
                                        }   */
 
 
                                    /* .PageActive class applied via page-toggler.js - Page active styles... */
                                    #page1-toggler.PageActive #left-thumb,
                                    #page2-toggler.PageActive #right-thumb {
                                        filter:grayscale(20%);
                                        opacity:1;
                                        /*transform:.3s ease-in;
                                        transition:.3s ease-in;*/
                                        }
                                        #page1-toggler.PageActive div h2,
                                        #page2-toggler.PageActive div h2 {
                                            color:#fff;
                                            background:#2B4F7C;
                                            border-color:#E8C85C;
                                            /*transform:.3s ease-in;
                                            transition:.3s ease-in;*/
                                            }
 
 
     
            /* Styling for the content containers */
                .content-containers {position:absolute; top:500px; /*top:287px*/ left:0; z-index:1; width:100%; /*height:500px;*/}
             
         
                /* Animations to show & hide the content containers */
                    .slideUp {animation-name:slideUp; animation-duration:0.75s;}
                        @keyframes slideUp {from {top:500px;} to {top:-1500px;}}
                    .slideDown {animation-name:slideDown; animation-duration:0.75s;}
                        @keyframes slideDown {from {top:-1500px;} to {top:500px;}}
     
                /* Position the containers side by side to allow for left/right animations when swaping between content (containers) */
                    .rightConentShow {left:0%;}    
                    .rightConentHide {left:100%;}  
                    .leftConentShow {left:0%;} 
                    .leftConentHide {left:-100%;}
     
                /* Slide left/right animations */
                    .leftContentSlideIn {animation-name:leftContentSlideIn; animation-duration:0.4s; left:0%;}
                        @keyframes leftContentSlideIn {from {left:-100%;} to {left:0%;}}
                    .leftContentSlideAway {animation-name:leftContentSlideAway; animation-duration:0.4s; left:100%;}
                        @keyframes leftContentSlideAway {from {left:0%;} to {left:-100%;}}
                 
                    .rightContentSlideIn {animation-name:rightContentSlideIn; animation-duration:0.4s; left:0%;}
                        @keyframes rightContentSlideIn {from {left:100%;} to {left:0%;}}
                    .rightContentSlideAway {animation-name:rightContentSlideAway; animation-duration:0.4s; left:100%;}
                        @keyframes rightContentSlideAway {from {left:0%;} to {left:100%;}}
                 
                 
                /*Postion for the affiliates and footer container needs to be absolute, for the JS dynamic top position to be set*/
                    #identical {position:absolute; top:590px;}
                 
                /* Fade out/in the footer to make the transaction from the origional top position to the new top postition (Set in JS) smooth */       
                    .hideFooter {animation-name:hideFooter; animation-duration:0.01s; opacity:0;}           
                        @keyframes hideFooter {from {opacity:1;} to {opacity:0;}}       
                    .showFooter {animation-name:showFooter; animation-duration:1.75s; opacity:1;}           
                        @keyframes showFooter {from {opacity:0;} to {opacity:1;}}        
         
 
 
        /* Global section styling for Sales & Rentals pages */
 
            /* universal styling control */
            .slider-container {margin-top:4em; /*background:rgba(0,0,0, 0.02);*/}
 
 
            /* lightSlider css overrides --- */
 
                /* prev/next arrows 
                .lSAction > a {top:105px;}
                .lSAction > .lSPrev {left:10px;}
                .lSAction > .lSNext {right:10px;}*/
 
                /* list anchors (dots) */
                .lSSlideWrapper {/*background:rgba(0,0,0, 0.02);*/}
                    .lSSlideOuter .lSPager.lSpg, .owl-dots {margin:2em 0 0!important; padding:0;}
                    .lSSlideOuter .lSPager.lSpg > li, .owl-dot {padding:0 5px;}
                    .lSSlideOuter .lSPager.lSpg > li a, .owl-dot {
                        background-color:#bbb!important;
                        border-radius:30px;
                        height:8px;
                        width:8px;
                        }
                        .owl-dot {min-width:0!important; margin:0 .25em!important;}

                        .lSSlideOuter .lSPager.lSpg > li.active a, .owl-dot:hover, .owl-dot:focus {background-color:#258!important; border:0; webkit-user-select:none; outline:none;}
                        .lSSlideOuter .lSPager.lSpg > li:hover a,
                        .lSSlideOuter .lSPager.lSpg > li.active:hover a, .owl-dot:active {background-color:#E8C85C!important; border:0; webkit-user-select:none; outline:none;}
 
 
            /* section-specific styling control */
 
                section.introduction,
                section.services,
                section.testimonials,
                section.market-comment {padding-left:3.5em; padding-right:3.5em;}
                
                section.market-comment {display:none;}
 
 
                    section.introduction {}
                    section.introduction .slanted {margin-bottom:1.5em;}
                    section.introduction p:last-child {}
                        p.tailored-mid {max-width:72%;}
                 
 
                    section.services {}
                        .accordion-container {} /* be acareful with these two nested declarations as classes may be used on homepage */
                        .accordion {}
                 
 
                    section.testimonials {}
                        .testimonial-slider-container {
                            max-width:80%;
                            margin:4em auto 0;
                            }
                            .testimonial-slider {background:#ddd!important;}

                            /* Slide targetted styling */
                            .testimonial-slider .lightSlider.lsGrab {}
                            .testimonial-slider .lightSlider.lsGrab h3 {}
                            .testimonial-slider .lightSlider.lsGrab p {}
 
                            .testimonial-slider-container p {color:#444; font-family:georgia, Times, sans; font-size:1.3em;}
 
                        /* L/R arrows */
                        .testimonial-slider-container .lSSlideOuter .lSAction > a {top:55px!important; display:none!important;} 
                        .testimonial-slider-container .lSSlideOuter .lSAction > .lSPrev {left:2px!important;}
                        .testimonial-slider-container .lSSlideOuter .lSAction > .lSNext {right:2px!important;}
                         
                        /* Dots container */
                        .testimonial-slider-container .lSSlideOuter {}
                        .testimonial-slider-container .lSSlideOuter .lSSlideWrapper {} /*testimonial txt wrapper*/
                        .testimonial-slider-container .lSSlideOuter .lSSlideWrapper .lSPager.lSpg {margin-top:50px!important; border:1px dotted blue!important;} 
                 
 
                    section.market-comment {display:none;}
                        .market-comment-container {max-width:80%; margin:0 auto; padding-top:2em;}
                            .market-comment-container img {}
                            .market-comment-container h3 {font-weight:bold; font-family:georgia, Times, sans;}
                            .market-comment-container h3 a {color:#555; text-decoration:none;}
                            .market-comment-container p {color:#444; font-family:georgia, sans;}
                            

                            .testimonial-holder small,
                            .market-comment-container small {color:#999; font-size:.85em; font-family:'Roboto', helvetica, arial, sans-serif;}
                            
                            .testimonial-holder small a,
                            .market-comment-container small a {color:#369;}
                 
 
                    section.latest-properties {}
                        .latest-properties p:nth-child(2) {margin-bottom:0;}
                        .property-slider-container {/*margin-top:3em;*/ margin:3em auto 1em;}
                        .property-slider-container .lSSlideOuter {margin-bottom:0;}
 
                        /* L/R arrows */
                        .property-slider-container .lSSlideOuter .lSAction > a {top:105px!important;}
                        .property-slider-container .lSSlideOuter .lSAction > .lSPrev {left:10px!important;}
                        .property-slider-container .lSSlideOuter .lSAction > .lSNext {right:10px!important;}
 
                        /* Dots container */
                        .property-slider-container .lSSlideOuter {}
                        .property-slider-container .lSSlideOuter .lSSlideWrapper {}
                        .property-slider-container .lSSlideOuter .lSSlideWrapper .lSPager,
                        .property-slider-container .lSSlideOuter .lSSlideWrapper .lSPager.lSpg,
                        .property-slider-container .lSSlideOuter .lSPager.lSpg {display:none;}
 
                            /* .lSSlide / .lightslider / .property-slider */
                            .property-slider {/*height:304px!important;*/}
                                .property-slider div.owl-item {/*max-height:301px; overflow:hidden;*/}
                                .property-slider div.owl-item a {
                                    display:block;
                                    margin-bottom:.5em;
                                    padding-bottom:12px;
                                    color:#777;
                                    text-decoration:none;
                                    border-top:4px solid #ccc;
                                    border-bottom-left-radius:7px;
                                    border-bottom-right-radius:7px;
                                    transition: all 550ms ease-out;
                                    transition-property: color, background, border-top-color, border-radius, box-shadow;
                                    }
                                    .property-slider div.owl-item img {width:100%; margin-bottom:.8em; height:190px; border-bottom:1px solid #ddd; opacity:.75; transition: all 550ms ease-out;}
                                    .property-slider div.owl-item span {display:block; font-size:1.1em; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; transition: all 550ms ease-out;}
                                    .property-slider div.owl-item span.address {margin-bottom:.1em; max-height:20px; overflow:hidden;} /*strong*/
                                    .property-slider div.owl-item span.type {font-style:normal;} /*em*/
                                    .property-slider div.owl-item span.price {margin-top:1.1em;} /*font-size:1.5em;*/
 
                                    .property-slider div.owl-item a:hover { }
                                    .property-slider div.owl-item a:hover {
                                        color:#777; /*
                                        background:#e5e5e5;
                                        box-shadow:0 4px 9px rgba(0,0,0, 0.07);
                                        transition: all 600ms ease-in;
                                        transition-property: color, background, border-radius, box-shadow;
                                        transition: background 300ms ease-in, border-top-color 200ms ease-in; */
                                        transition: all 30ms ease-in;
                                        }
                                        .property-slider div.owl-item a:hover img {border-color:#f0f0f0; opacity:1; transition: all 30ms ease-in;}
                                        .property-slider div.owl-item a:hover {border-top-color:#369;}

                                    .property-slider .owl-dot {display:none;}
 
                                        /* Sales hover coloring - target fail
                                            .buyers-property-slider li a:hover,
                                            .sellers-property-slider li a:hover {border-top-color:#369!important;}
                                             
                                            .buyers-property-slider li a:hover span.address,
                                            .sellers-property-slider li a:hover span.address {color:#369; transition: all 30ms ease-in;}
 
                                            .buyers-property-slider li a:hover span.price,
                                            .sellers-property-slider li a:hover span.price {color:#369; transition: all 30ms ease-in;}
                                        */
                                        /* Rentals hover coloring - target fail
                                            .tenants-property-slider li a:hover,
                                            .landlords-property-slider li a:hover {border-top-color:#369!important;}
                                             
                                            .tenants-property-slider li a:hover span.address,
                                            .landlords-property-slider li a:hover span.address {color:#369; transition: all 30ms ease-in;}
 
                                            .tenants-property-slider li a:hover span.price,
                                            .landlords-property-slider li a:hover span.price {color:#369; transition: all 30ms ease-in;}
                                        */
 
            /* Likely nothing needed here unless additional NESTED declarations are made to target global classes for global styling */
 
 
 
 
 
/* 4. Sales
-------------------------------------------------- */
 
    body#sales #wrapper,
    body#rentals #wrapper {margin-bottom:3em;}
 
        body#sales section.row,
        body#rentals section.row {margin-bottom:-3em;} /* To keep standard (white) sections bottom margin space even to bands */
 
            body#sales section.band,
            body#rentals section.band {margin-bottom:0; padding-bottom:6em;}
 
            body#sales section.latest-properties,
            body#rentals section.latest-properties {margin-bottom:0; padding-bottom:5em;}
 
            body#sales section#affiliates-container.row,
            body#rentals section#affiliates-container.row {margin-bottom:2em;} /* To keep affiliates bottom margin consistent with global styling given 'section bottom margin space' above */
 
 
 
        .buyers-thumb {background:url('../img/page-thumb-buyers.jpg') center;}
        .sellers-thumb {background:url('../img/page-thumb-sellers.jpg') center;}
 
 
    /* Global 'Sales' page ID's and Class styling begins on line 412 (after animations and before Homepage) */
    /* Search: Global section styling for Sales & Rentals pages */
 
 
    /* 4a. BUYERS PAGE --- */
 
        /* buyers-intro --- */
            #buyers-intro {}
                #buyers-intro h1 {}
                #buyers-intro h2 {}
                #buyers-intro .slanted {}           
            #buyers-intro ul {list-style:none;}
                #buyers-intro ul li {margin-bottom:5px; font-size:1.3em;}
 
 
 
        /* buyers-services - if needed (depends on content) */
 
 
 
 
        /* buyers-testimonials --- */
 
 
 
 
 
        /* buyers-market-comment --- */
 
 
 
 
 
        /* buyers-latest-properties (for sale) --- */
 
 
 
 
 
 
    /* 4b. SELLERS PAGE --- */
 
        #sellers-intro .intro-large {max-width:80%;}
 
 
        /* sellers-services - if needed (depends on content) */
 
 
 
 
        /* sellers-testimonials --- */
 
 
 
 
 
        /* sellers-market-comment --- */
 
 
 
 
 
        /* sellers-latest-properties (sold) --- */
 
 
 
 
 
/* 5. Rentals
-------------------------------------------------- */  
 
    .landlords-thumb {background:url('../img/page-thumb-landlords.jpg') center;}
    .tenants-thumb {background:url('../img/page-thumb-tenants.jpg') center;}
 
    /* 5b. TENANTS PAGE --- */
 
        #tenants-intro {}
 
 
        #tenants-services {}
        #tenants-services.accordion-container {}
        #tenants-services .accordion {}
 
            #tenantfees>h4 {text-align:center; line-height:1.3em;}
                #tenantfees h4:first-child {
                    max-width:570px;
                    margin:1em auto 3em;
                    font-weight:bold;
                    line-height:1.6em;
                    }
 
            #tenantfees h5 {margin-bottom:.25em;}
            #tenantfees p + h6 {margin:3em 0 2.5em; font-size:1em;}                    
            #tenantfees>p:last-child {text-align:center;}
            #tenantfees li {margin-bottom:.5em;}
            #tenantfees li p {margin-bottom:0;}

        #tenants-services.accordion-container #forms-holder form {max-width:490px;}
 
 



        /* Tenants Application Form - - - - - - - - - - - */

                        #taf-acc {background:#b0c7b0bf;}
                        #taf-acc:hover {background:#8cb78cbf;}
                        #taf-acc h3 {font-weight:bold;}

                        /* TAF Form styling
                 
                            #rentals-taf #form-container {
                                width:70%; min-width:550px;
                                margin:3.75em auto 4em;
                                padding:0;
                                font:1.15em 'Roboto', Helvetica, Arial, sans-serif;
                                line-height:1.5em;
                                text-align:left;
                                color:#777;
                                background:#eee;
                                }
                                #taf.contact-form {max-width:unset!important; padding:1.6em 1.2em 1em; text-align:left; background:#dfdfdf;}
                                #taf.contact-form .row {margin-bottom:0; padding:0!important;}
                                    
                                    #taf h2 {font-size:1.4em; font-weight:bold;}

                                    #taf fieldset {margin-bottom:3em; padding:0 2px; border:none;}
                                    #taf fieldset#application-info {margin-top:2.5em;}
                                        #taf p.taf-formintro {margin:.5em 0 4.1em; font-size:1em; line-height:1.5em;} 
                                        #taf p.taf-formintro strong {display:block; margin-bottom:1em; font-size:1.05em;}

                                        #taf fieldset legend {margin-bottom:1em; padding:0; color:#333; font-size:1.35em; display:none;}
                                        #taf fieldset legend i {margin-left:-1.5em; padding-right:20px; font-size:1.4em; display:none;}


                                        #taf p,
                                        #taf fieldset input,
                                        #taf fieldset select,
                                        #taf fieldset textarea,
                                            #taf fieldset input[type=text],
                                            #taf fieldset input[type=tel],
                                            #taf fieldset input[type=email],
                                            #taf fieldset input[type=date] {font-size:105%;}

                                            #taf fieldset input,
                                            #taf fieldset select,
                                            #taf fieldset textarea,
                                                #taf fieldset input[type=text],
                                                #taf fieldset input[type=tel],
                                                #taf fieldset input[type=email],
                                                #taf fieldset input[type=date] {
                                                    margin-bottom:1em;
                                                    padding:8px 12px;
                                                    font:1.1em 'Roboto', Helvetica, Arial, sans-serif;
                                                    line-height:1.5em;
                                                    color:#777;
                                                    background:rgba(255,255,255, 0.7);
                                                    border:none;
                                                    border-radius:2px;
                                                    box-sizing:border-box;
                                                    -webkit-appearance:none; /* needed to force padding to impact <select> */ /*
                                                    }                                
                                                    .empty {color:#7c7c7c;}

                                                    form fieldset input:hover, form fieldset input:focus,
                                                    form fieldset select:hover, form fieldset select:focus,
                                                    form fieldset textarea:hover, form fieldset textarea:focus {
                                                        background-color:rgba(255,255,255, 1);
                                                        }


                                        #taf .radio-container {padding:0px!important;}

                                            .contact-form fieldset label {display:none; font-weight:normal;}
                                            .contact-form .radio-container label {
                                                display:inline-block;
                                                position:relative;
                                                width:auto; height:auto;
                                                margin:0px 0 0 0; padding:10px 16px;
                                                font-size:1.1em;
                                                color:inherit;
                                                text-align:center;
                                                text-decoration:none;
                                                background:rgba(0,0,0, 0.06);
                                                border-radius:6px;
                                                vertical-align:top;
                                                cursor:pointer;
                                                }
                                                .contact-form .radio-container input[type=radio] {
                                                    display:inline-block!important;
                                                    opacity:0!important;
                                                    -webkit-appearance:auto!important;
                                                    }
                                                    .contact-form .radio-container input[type="radio"]+label:hover {background:rgba(255,255,255,0.2);}
                                                    .contact-form .radio-container input[type="radio"]:checked+label {background:#508a50; background:#508a50bf; color:#eee;}


                                                        p.taf-duration-title,
                                                        p.taf-startdate-title,
                                                        p.taf-deposit-title,
                                                        p.taf-id-title {
                                                            display:inline-block;
                                                            }
                                                            p.taf-id-title {margin-bottom:1.15em!important;}


                                                        #taf_applicationaddress {margin-bottom:1em!important;}
                                                        #tenancyduration {margin-bottom:1.2em!important;}
                                                        
                                                            #select-duration,
                                                            #select-id {position:relative; text-align:right;}

                                                            #select-deposit .w-50 {text-align:center;}

                                                                #select-duration input[type=radio],
                                                                #select-id input[type=radio],
                                                                #select-deposit input[type=radio] {position:absolute;}
                                                                    
                                                                #taf_duration12+label, 
                                                                #taf_id_other+label {margin-left:14px!important;}

                                                        #taf_startdate {float:right!important; vertical-align:top!important; text-align:right!important;}



                                                        #taf_salutation {margin-left:0!important;}

                                                        #taf_name,
                                                        #taf_tel,
                                                        #taf_currentpostcode,
                                                        #taf_income,
                                                        #taf_pets,
                                                        #taf_petsinfo {}


                                                        #taf_smoke,
                                                        #taf_kids,
                                                        #taf_pets,
                                                        #taf_credit {-webkit-appearance: auto!important;}

                                                            #taf_kidsinfo, #taf_petsinfo {min-height:112px;}
                                                            #taf_credit {margin-bottom:0!important;}
                                                            #taf_creditinfo {min-height:176px; margin-top:1em; margin-bottom:1.1em;}

                                                            #identification {margin-bottom:0.4em;}

                                                            


                                                fieldset#submit-taf {margin-bottom:0!important;}

                                                    #taf fieldset.submit {margin-bottom:0;}
                                                    #taf input[type="submit"] {
                                                        display:block;
                                                        float:right;
                                                        padding:8px 24px;
                                                        color:#eaeaea;
                                                        font-size:1.2em;
                                                        font-weight:bold;
                                                        background:#369;
                                                        border-radius:0;
                                                        -webkit-appearance:none!important;
                                                        }
                                                        #taf input[type="submit"]:hover {
                                                            filter:brightness(1.15);
                                                            }

                                                    input.optin {
                                                        display:inline-block;
                                                        float:left;
                                                        margin:0 9px 30px 1px!important;
                                                        }
                                                        small.ppref {
                                                            display:inline-block;
                                                            float:left;
                                                            line-height:1.4em;
                                                            text-align:left;
                                                            font-size:1em;
                                                            }
                                                            #taf_consent {
                                                                margin:11px 14px 20px 4px!important;
                                                                -webkit-appearance:auto!important;
                                                                }
                                                                small.ppref label {margin:0 -1.05em; padding:0 1.1em;}
                                                                small.ppref label input {display:inline-block!important;}

                        */




 
        #tenants-testimonials {}
        #tenants-testimonials.testimonials-slider-container {}
        #tenants-testimonials .testimonial-slider {}
 
 
        #tenants-market-comment {}
        #tenants-market-comment.market-comment-container {}
 
 
        /* (to let) */
        #tenants-latest-properties {} 
        #tenants-latest-properties.property-slider-container {}
        #tenants-latest-properties .property-slider {}
             
 
 
 
    /* 5a. LANDLORDS PAGE --- */
 
        #landlords-intro {}
 
 
        #landlords-services {}
        #landlords-services.accordion-container {}
        #landlords-services .accordion {}
            #landlord-additional-fees-container ul {margin-left:3.2em;}
            #tenant-finder, #fully-managed {margin:2em auto; text-align:left;}
                #tenant-finder {padding:0 2em 0 0;}
                #fully-managed {padding:0 0 0 2em;}
 
                #tenant-finder li p, #fully-managed li p {margin-bottom:0;}
 
 
        #landlords-testimonials {}
        #landlords-testimonials.testimonials-slider-container {}
        #landlords-testimonials .testimonial-slider {}
 
 
        #landlords-market-comment {}
        #landlords-market-comment.market-comment-container {}
 
 
        /* (let) */
        #landlords-latest-properties {} 
        #landlords-latest-properties.property-slider-container {}
        #landlords-latest-properties .property-slider {}
             
 
 
 
 
 
/* 6. About
-------------------------------------------------- */
 
        #experience {}
            #experience .intro-large {max-width:85%; margin-bottom:1em;}
 
        #directors {max-width:1600px; margin-bottom:-1.5em; padding-top:0;}
 
            #directors-container {
                padding:0 2em;
                margin:1em auto;
                }
                .director {
                    width:33.3%;
                    min-height:680px;
                    margin:1em auto 2em;
                    padding:1.75em 1.75em 2em;
                    background-color:#eee;
                    }
                    .director img {margin-bottom:.75em;}
                    .director h3 span {font-weight:normal;}
                    .director p {text-align:justify; margin:0;}
 
        #team {}
 
            #team-container {padding-top:0; max-width:1550px; margin-top:5em;}
                #team h2{}
                ul.staff-members {
                width:85%;
                margin-left:auto;
                margin-right:auto;
                margin-bottom:0;
                }
                ul.staff-members li.member {
                    display:flex;
                    align-items:center;
                    margin-bottom:4em;
                    }
                    ul.staff-members li.member:last-child {margin-bottom:2em;}
                    ul.staff-members li.member .member-desc {
                        position:relative;
                        z-index:20;
                        width:75%;
                        min-height:220px;
                        margin-bottom:0px;
                        padding:1.65em 2em 2.2em;
                        text-align:justify;
                        background-color:white!important;
                        }
                        .member-desc p {
                            margin-bottom:0;
                            color:#777;
                            }
                        .member-desc:nth-child(odd) {margin-right:-30px;}
                        .member-desc:nth-child(even) {margin-left:-30px;}
                        .member-img {
                            position:relative;
                            z-index:10;
                            float:right;
                            width:30%;
                            min-width:295px;
                            }
 
 
        #history {}
 
            .timeline * {box-sizing:border-box;}
 
                #timeline-container {
                    max-width:100%;
                    margin:auto;
                    }
                    /* The actual timeline (the vertical ruler) */
                    .timeline {
                        position:relative;
                        max-width:1200px;
                        margin:0 auto;
                        margin-top:5em;
                        /* background-color:#369; */
                        }
                    /* The actual timeline (the vertical ruler) */
                    .timeline::after {
                        content:'';
                        position:absolute;
                        width:6px;
                        background-color:#E8C85C;
                        top:0;
                        bottom:0;
                        left:50%;
                        margin-left:-3px;
                        }
                    /* Container around content */
                    .container {
                        padding:10px 40px;
                        position:relative;
                        background-color:inherit;
                        width:50%;
                        }
                    /* The circles on the timeline */
                    .container::after {
                        content:'';
                        position:absolute;
                        width:25px;
                        height:25px;
                        right:-17px;
                        background-color:#369;
                        border:4px solid #FF9F55;
                        top:15px;
                        border-radius:50%;
                        z-index:1;
                        }
                    /* Place the container to the left */
                    .left {left:0;}
                    /* Place the container to the right */
                    .right {left:50%;}
                    /* Add arrows to the left container (pointing right) */
                    .left::before {
                        content:" ";
                        height:0;
                        position:absolute;
                        top:35px;
                        width:0;
                        z-index:1;
                        right:30px;
                        border:medium solid #369;
                        border-width:10px 0 10px 10px;
                        border-color:transparent transparent transparent #369;
                        }
                    /* Add arrows to the right container (pointing left) */
                    .right::before {
                        content:" ";
                        position:absolute;
                        top:35px;
                        left:30px;
                        width:0;
                        height:0;
                        z-index:1;
                        border:medium solid #369;
                        border-width:10px 10px 10px 0;
                        border-color:transparent #369 transparent transparent;
                        }
                    /* Fix the circle for containers on the right side */
                    .right::after {left:-16px;}
                        /* The actual content */
                        .event {
                            position:relative;
                            padding:3% 3%;
                            background-color:#369;
                            }
                            .event h5 {
                                margin-top:0.3em;
                                margin-bottom:0.4em;
                                font-size:1.8em;
                                color:white;
                                }
                            .event p {color:white;}
 
 
        #accreditations {margin-bottom:0!important;}
 
            #acc-container {margin:3em auto 1em;}
                ul.acc-list {width:100%; margin:2em 0 0;}
                ul.acc-list li {}
                ul.acc-list li a {display:block; margin-bottom:1.5em; text-decoration:none;}
                    ul.acc-list li img {
                        display:block;
                        margin:0 auto .5em;
                        opacity:0.35;
                        }
                    ul.acc-list li span {
                        width:100%;
                        margin:auto;
                        margin-top:0.5em;
                        margin-bottom:2em;
                        font-size:1.15em;
                        color:#777;
                        }
                        ul.acc-list li a span:hover {color:#369;}
                        .fa-external-link {height:auto; margin-right:0.5em;}
                        #acc-container .fa {display:none;}
 
                    ul.acc-list li .video-container {margin:2em auto 0}
                        .embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%;}
                        .embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
 
 
 
 
 
 
 
/* 7. Contact
-------------------------------------------------- */
 
    #contact {}
 
        #key-info {
            position:relative;
            z-index:20;
            margin-top:0;
            /*padding:0!important; disabling negatively affect contactus? */
            color:#666;
            font:1.3em 'Roboto', Helvetica, Arial, sans-serif;
            overflow:hidden;
            }
            #key-info .row {max-width:100%; margin-top:0; padding:0!important; background:none!important; }
            #key-info .w-100 {margin-bottom:0!important; padding:1em;}
 
            #map {z-index:20; position:relative; height:753px; background:#fbf6ea; overflow:hidden;}
            #map.w-50 {width:50%; margin-left:0;}
                #map iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
 
            #contact-info-container {margin-left:auto; margin-right:auto;}
            #contact-info-container.w-50 {width:50%; margin-left:0;}
                #info-img {
                    height:415px;
                    margin-top:-1px;
                    padding:0!important;
                    background:url('../img/header-contact.jpg') no-repeat center #369;
                    background-size:cover;
                    overflow:hidden;
                    }
 
                #tel-fullwidth {display:none;}
 
                ul#contact-info,
                ul#opening-hours {margin:0; margin-top:24px; padding-left:35px; text-align:left; list-style-type:none;}
 
                    ul#contact-info i {margin-left:-21px; margin-right:14px; font-size:1.1em; color:#777;}
                    ul#contact-info .titles {margin-top:.4em; margin-left:-18px; font-weight:bold; line-height:1.8em;}
 
                    ul#contact-info #tel {height:40px; color:#2B4F7C; font-weight:lighter;}
                        ul#contact-info #tel i {margin-right:6px; color:#369!important; font-size:1.3em; vertical-align:middle;}
                        ul#contact-info #tel a {color:#369; font-size:1.75em; text-decoration:none; vertical-align:middle;}
                        ul#contact-info #tel a:hover {color:#369; cursor:default;}
 
                    ul#contact-info #address {line-height:1.4em;}
                        ul#contact-info #address address {padding-left:20px;}
                        ul#contact-info #address .address-lines {display:block; font-size:1em; font-style:normal; line-height:1.35em;}
 
                    ul#contact-info #tel-urgent {
                        position:relative;
                        z-index:20;
                        max-width:none;
                        width:200%;
                        margin-top:26px;
                        margin-left:-35px;
                        color:#eaeaea;
                        font-size:.8em;
                        overflow:hidden;
                        }
                        .urgent-container {
                            padding:0 5px 0 0;
                            display:inline-block;
                            position:relative;
                            z-index:10;
                            background:#8f8f8f;
                            }
                            .urgent-container button {
                                z-index:5;
                                min-width:unset;
                                padding:11px 12px 12px;
                                background:transparent;
                                border-radius:0;
                                border:none;
                                }
                                ul#contact-info #tel-urgent i {margin-right:19px; margin-left:6px; color:#eaeaea;}
 
                            .urgent-number {
                                display:inline-block;
                                position:relative;
                                top:1px;
                                z-index:4;     
                                margin-left:-200px;
                                padding:11px 12px 10px;
                                transition:0.5s;
                                transition-timing-function:linear;                                   
                                }
                                .urgent-number.expanded {
                                    display:inline-block;
                                    position:relative;
                                    margin-left:-4px;
                                    background:#8f8f8f;
                                    transition:0.5s;
                                    transition-timing-function:linear;
                                    opacity:1;
                                    }
                                .urgent-number a {color:#eaeaea; text-decoration:none;}
                                .urgent-number a:hover {color:#eaeaea; cursor:default;}
 
 
                                    ul#contact-info #tel-urgent-moblan {display:none;}
 
 
 
 
                ul#opening-hours {margin-left:-10px; padding-left:10px; border-left:2px solid #bbb;}
                    ul#opening-hours #opening-hours-title {margin-bottom:5px; line-height:1.4em; font-size:1em; font-weight:bold;}
                    ul#opening-hours #opening-hours-title i {margin-top:5px; margin-right:5px; font-size:1.2em; color:#777;}
                    ul#opening-hours .days {margin-bottom:0; margin-left:36px; font-size:1em; line-height:1.58em}
                    ul#opening-hours .days span {display:inline-block; width:35%;}
 
 
 
        /* Contact Form styling */
 
            #sales-form,
            #rentals-form,
            #sales-form-submit,
            #rentals-form-submit {display:none;}
 
            #sales-and-rentals-form-container {
                width:70%;
                margin:3.75em auto 4em;
                padding:1.85em 1.77em;
                color:#777;
                line-height:1.5em;
                font:1.2em 'Roboto', Helvetica, Arial, sans-serif;
                background:#eee;
                }
                #radio-container {margin:0 auto; padding:10px 8px; background:#ccc;}
                #radio-container label {
                    width:49.6%; /*height:46px;*/ height:auto;
                    display:inline-block;
                    margin:0; padding:13px 0 14px;
                    font-size:1.5em;
                    font-weight:bold;
                    vertical-align:top;
                    text-decoration:none;
                    cursor:pointer;
                    }
                    #radio-container label:nth-child(1) {margin-right:-2px; color:#eaeaea; background:#369;}
                    #radio-container label:nth-child(2) {margin-left:-2px; color:#369; background:#E8C85C;}
                     
 
                .contact-form {margin:0 auto; padding:10px; background:#ccc;}
 
                    #sales-form {
                        background:#CCCCCC;
                        /* background:linear-gradient(bottom, #CCCCCC, #B6C2D0); */
                        }
                    #rentals-form {
                        background:#CCCCCC;
                        /* background:linear-gradient(to bottom, #CCCCCC, #CDCCBF); */
                        }
 
 
                    #sales-and-rentals-form-container label input, 
                    #sales-and-rentals-form-container fieldset label {display:none;}
 
                    #sales-and-rentals-form-container fieldset {margin-bottom:1.2em; padding:0 2px; border:none;}
                    #sales-and-rentals-form-container fieldset.enquiry-nature {margin-top:.75em; padding:0; -webkit-appearance:none;}
                    #sales-and-rentals-form-container fieldset.message {margin-bottom:1.2em;}
 
                    #sales-and-rentals-form-container fieldset input,
                    #sales-and-rentals-form-container fieldset select,
                    #sales-and-rentals-form-container fieldset textarea {
                        margin:0 auto 1.1em;
                        padding:8px 8px;
                        color:#777;
                        line-height:1.5em;
                        font:1.2em 'Roboto', Helvetica, Arial, sans-serif;
                        background:rgba(255,255,255, 0.7);
                        border:none;
                        }
                        input[type=text],
                        input[type=email],
                        /* 
                        input[type=tel],
                        input[type=number],
                        */
                        #problemreport input[type=tel],
                        select, 
                        textarea {width:100%;}
 
                        #sales-and-rentals-form-container fieldset textarea {margin-bottom:0; min-height:200px;}
                        #sales-and-rentals-form-container input:hover, #sales-and-rentals-form-container input:focus,
                        #sales-and-rentals-form-container select:hover, #sales-and-rentals-form-container select:focus,
                        #sales-and-rentals-form-container textarea:hover, #sales-and-rentals-form-container textarea:focus {
                            background-color:rgba(255,255,255, 1);
                            }
 
                            #sales-and-rentals-form-container #sales_name, 
                            #sales-and-rentals-form-container #sales_tel,
                            #sales-and-rentals-form-container #rentals_name, 
                            #sales-and-rentals-form-container #rentals_tel  {width:48.61%;}
 
                                #sales-and-rentals-form-container #sales_name,
                                #sales-and-rentals-form-container #rentals_name {margin-left:0;}
 
                                #sales-and-rentals-form-container #sales_tel, #sales-and-rentals-form-container #rentals_tel {margin-left:2%;}
 
                            #sales-and-rentals-form-container #sales_postcode,
                            #sales-and-rentals-form-container #rentals_postcode {float:left; width:25%;}
 
                            #sales-and-rentals-form-container textarea {margin-bottom:0;}
 
 
                        #sales-and-rentals-form-container fieldset.submit {margin-bottom:0;}
                        #sales-and-rentals-form-container input[type="submit"] {
                            display:block;
                            float:right;
                            margin-bottom:1.3em;
                            padding:9px 36px;
                            color:#eaeaea;
                            font-size:1.2em;
                            font-weight:bold;
                            background:#369;
                            border-radius:0;
                            -webkit-appearance:none!important;
                            }
                            #sales-and-rentals-form-container input[type="submit"]:hover {filter:brightness(1.15);}
                        

                        input.optin {
                            display:inline-block;
                            float:left;
                            margin:0 9px 30px 1px!important;
                            }

                        small.ppref {
                            display:inline-block;
                            float:left;
                            margin-bottom:1.5em;
                            text-align:left;
                            line-height:1.4em;
                            }
                            small.ppref label input {display:inline-block!important;}
                            #prob-form-submit small.ppref {color:#888;}



                /* Submission confirmation */
 
                    .enq_success,
                    .prob_success {
                        width:70%;
                        margin:3.75em auto 4em;
                        padding:1.85em 1.77em 2em;
                        color:#777;
                        line-height:1.5em;
                        font:1em 'Roboto', Helvetica, Arial, sans-serif;
                        background:#eee;
                        }
                        .prob_success {background:none;}
                        .uf_success p {}
 
 
 
        /* Connect With Us */
 
            #socials {}
 
            #twitter-container {width:80%; margin:3.5em auto 0; max-width:466px;}
            #twitter {display:none;}
            .twitter-timeline {display:block; text-align:right;}
            #tweet-btn {float:right; margin-top:1.5em; margin-bottom:0;}
 
 
            #facebook-container {max-width:466px; margin-top:.5em;}
 
                #social-profile-links {margin:1.2em auto 1.4em; padding-bottom:3.6em; border-bottom:1px solid #c5c5c5;}
                #social-profile-links li {display:inline-block; margin:.8%;}
                #social-profile-links li:first-child {margin-left:0;}
                #social-profile-links li:last-child {margin-right:0;}
 
                    #social-profile-links li a {
                        display:block;
                        padding:.3em .2em;
                        font-size:3em;
                        color:rgba(255,255,255, .8);
                        background:#999;
                        opacity:.85;
                        transition:background .3s ease-out .3s;
                        }
                        /*link-specific-colouring*/
                        #social-profile-links li:first-child a {background:#00aced!important; padding:.32em .2em .27em}
                        #social-profile-links li:nth-child(2) a {background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
                        #social-profile-links li:nth-child(3) a {background:#F00;}
                        #social-profile-links li:nth-child(4) a {background:#369;}
                        #social-profile-links li:nth-child(5) a {background:#E8C85C;}
                        #social-profile-links li:nth-child(6) a {background:#d17d41;}
                        #social-profile-links li a i {transition:background .3s ease-out .3s;}
 
                        #social-profile-links li a:hover {opacity:1; transition:background linear 0s; cursor:pointer;}
                        #social-profile-links li a:hover i {color:rgba(255,255,255, 1);}
 
 
                #facebook-feed-triggers {width:466px; padding:0;}
 
                    #facebook-feed-triggers a {
                        display:inline-block;
                        margin-bottom:1.75em;
                        padding:12px 14px 12px 14px;
                        color:rgba(255,255,255, .75);
                        text-align:left;
                        font-size:1em;
                        line-height:1.3em;
                        text-decoration:none;
                        transition:background .3s ease-out .3s;
                        }
                        #facebook-feed-triggers a span {display:block; padding-top:4px;}
                        #facebook-feed-triggers a i {float:left; margin-right:13px; font-size:3.1em;}
                        #facebook-feed-triggers a:hover {transition:background linear 0s;}
                        /* bg coloring */
                          #facebook-feed-triggers a:nth-child(1) {background:#369;}
                            #facebook-feed-triggers a:nth-child(1):hover,
                            #salesLink.facebookToggleLinks.active {background:#23486c;}
                          #facebook-feed-triggers a:nth-child(2) {background:#D5B034;}
                            #facebook-feed-triggers a:nth-child(2):hover,
                            #rentalsLink.facebookToggleLinks.active {background:#B6962C;}
                          #facebook-feed-triggers a:nth-child(3) {background:#d17d41;}
                            #facebook-feed-triggers a:nth-child(3):hover,
                            #leasholdCampaignLink.facebookToggleLinks.active {background:#b46b37;}
 
                #facebook-feed-placeholder {height:600px; margin-bottom:0;}
                #facebook-feed-placeholder blockquote {margin-top:5em; margin-left:0; padding-left:0;}
 
                .facebookToggleLinks {position:relative; cursor:pointer;}
                .facebookToggleLinks.active {/*outline:#BDD6E9; outline-style:solid; outline-width:5px;*/ outline:none;}
                    .facebookToggleLinks.active:before {
                        content:'';
                        position:absolute; right:0; bottom:-13px; left: 0;
                        width:2px;
                        margin-left:auto;
                        margin-right:auto;
                        border-top:20px solid #336699;
                        border-left:15px solid transparent;
                        border-right:15px solid transparent;
                        }
                        #salesLink.facebookToggleLinks.active:before {border-top-color:#23486c;}
                        #rentalsLink.facebookToggleLinks.active:before {border-top-color:#B6962C;}
                        #leasholdCampaignLink.facebookToggleLinks.active:before {border-top-color:#b46b37;}
 
 



 
 
 
 
/* --------------------------------------------------
   X. Media Queries
-------------------------------------------------- */
 
/* Desktop Large
-------------------------------------------------- */
    @media only screen and (min-width:1401px) {
 
        body {background:#fafafa;}
        /*header {border-top-color:#D5C6FF!important;}
        nav ul {background:#C4CAEC; background:#E9E8F2;}  background:#C4CAEC; purple */
 
        nav ul li {margin:20px 3.5em;}
        nav ul li.spacer {width:280px;}
        nav ul li a {font-size:1.4em;}
 
        footer {font-size:112%;}
        footer #legals {margin-left:auto; margin-right:auto;}
 
 
        /* Typography */
 
            h2 {font-weight:bold;}
 
            p {font-size:1.4em;}
              section p:first-child {max-width:1400px;}
                .band p {max-width:1650px;}
                .subtxt p {font-size:1.2em;}
                .slanted {margin:0 auto .5em; font-size:3.5em; font-weight:lighter; transform:rotate(-4deg);}
 
            button, a.btn {font-size:1.2em;}
 
        #wrapper, #legals {
            width:90%;
            max-width:1900px;
            }
 
            section {padding:6em 0 8em;}
              .band .row {width:90%; max-width:1860px;}
              .band.wideband .row {max-width:2200px;}
              .band.narrowband .row {max-width:1080px;}
 
              #bg-img-band {height:600px;}
                    #bg-img-band.about {background-position:0 -310px;}
 
            section.band {padding:6em 2em 10em!important;}
            section.parallax, div.parallax {min-height:850px; height:850px;}

            #auctionband {width:55%; max-width:615px;}
            #auctionband h3 span.a2 {margin-right:-220px;}

            form select:hover {background-color:rgba(255,255,255, .9);}

            form.modal-form input[type="submit"]:hover {filter:brightness(1.15);}
 


            /* Homepage */
 
                /* slider.css overrules */
                    #slider.slider {height:700px; /*600*/}
                    .slider [class*="ctrl"] {top:16%; padding:250px 15px; font-size:70px;}
                    .ctrlNext {right:4px;}
                    .ctrlPrev {left:4px;}
 
                #propsearch-container {min-width:1125px; width:86.5%; max-width:1860px!important;}
                #propsearch-container #mount {top:-678px; /*578*/ right:4px; width:292px;}
                #propsearch-container label {padding:.35em 0;}
                    .accordion input:checked ~ .accordion-item-content {/*height:352px; height:336px;*/  height:352px;}
                    .accordion label {height:49px;}
                    .accordion #search-container-buy h3,
                    .accordion #search-container-let h3 {font-size:1.3em;}

                    .property-search-form select {margin-bottom:.7em; padding:.21em;} 
                        .beds {margin-bottom:1.4em!important;}
                        .price_high {margin-bottom:1.3em!important;}
 
                #initial-container {margin-bottom:9em;}
                    #initial-container img {max-width:275px; margin-top:.5em;}
                    #contact-box i.fa-phone {color:rgba(0,0,0, 0.025); display:none;}

                #google-reviews {font-size:120%;}

                #home-connect {}
                    #home-connect #social-profile-links {margin-bottom:5.25em;}
                    #social-container {width:1100px; margin-left:auto; margin-right:auto;}

                #affiliates-container p {min-height:78px;}
 
 
 
            /* Sales & Rentals foundation styling */
 
                #page-toggles-container {
                    top:96px; 
                    padding:0!important;
                    }
                    a.toggler:hover {background:#369}
                    a.toggler div {min-height:500px;}
                    a.toggler div:hover h2 {
                        color:#fff;
                        background:#2B4F7CD9;
                        border-color:#E8C85C;
                        transition:.3s ease-in;
                        }
 
                        #left-thumb:hover, #right-thumb:hover { /* Apply greyscale by JS and fade it in/out on hover and active/.selected class */
                            opacity:1;
                            filter:grayscale(50%);
                            /*transition:.3s ease-in;*/
                            }
                    
                    #page1-content section.row,
                    #page2-content section.row {max-width:1650px; margin-left:auto; margin-right:auto;}

                    #page1-content section.row.band,
                    #page2-content section.row.band {max-width:unset; /*margin-left:unset; margin-right:unset;*/}
 
                    .content-containers {top:600px; /*top:175px + all 600's below were formerly 175px*/;}
                        @keyframes slideUp {from {top:600px;} to {top:-1500px;}}
                        @keyframes slideDown {from {top:-1500px;} to {top:600px;}}
     
                 
 
 
            /* Sales */
             
             
 
            /* Rentals */
 
             
             
            /* About */
 
                #experience {margin-top:0; margin-bottom:0em!important; padding-bottom:2em!important;}
                    .intro-large {font-size:1.85em; /*1.8em?*/ max-width:1250px;}
                    #experience .intro-large {margin-bottom:0;}
                    #experience a {font-weight:normal;}
 
                #directors {margin:0 auto!important;}
                    #directors-container {padding:0 7em; margin-top:3em; margin-bottom:4em;}
                    .director {min-height:660px; margin:0 auto 1em; padding-bottom:1em }
                    .director h3 {margin-bottom:1em;}
                    .director p {margin-bottom:1.2em;}
 
                #team {}
                    #team-container {margin-top:6em;}
                      .member-desc {padding:1.75em 2.25em 2.5em 2.25em;}
                      .member-desc h3 {margin-bottom:0.7em; font-size:1.6em;}
                      .member-desc p {margin-bottom:0;}
 
                #history {}
                    #timeline-container {max-width:75%; min-width:900px;}
                    .event h5 {margin-bottom:.4em; font-size:2em;}
 
                #accreditations {}
                    ul.acc-list li a {margin-bottom:3.5em; font-size:1.3em;}
                    ul.acc-list li img { }
 
 
 
            /* Contact */
 
                #map {height:800px;}
                #info-img {height:414px;}
 
                #contact-info-container {font-size:1.3em;}
                    ul#contact-info {padding-left:40px; margin-top:36px;}
                        #contact-details ul li {font-size:1.2em;}
                        ul#contact-info i {margin-left:-21px; margin-right:19px;}
                        ul#contact-info .titles {margin-top:.8em; margin-left:-15px; font-weight:bold;}
 
                        ul#contact-info li#tel {margin-bottom:.3em; padding-left:7px;}
                            ul#contact-info li#tel i {margin-right:7px; margin-left:-25px; font-size:1.35em;}
                            ul#contact-info li#tel a {font-size:1.7em;}
 
                        ul#contact-info li#address {}
                            ul#contact-info li#address .address-lines {display:block; padding-left:14px; line-height:1.35em;}
                         
                        ul#contact-info #tel-urgent {margin-top:40px; margin-left:-40px; font-size:.7em!important; line-height:2.2em;}
                        ul#contact-info #tel-urgent i {margin-right:25px; margin-left:18px;}
                            .urgent-container button {padding-right:11px; padding-bottom:10px;}
                            .emergency-number {font-size:.8em; padding-top:0.5em; padding-bottom:0.5em;}
                            .urgent-number {top:2px; padding-right:20px; padding-bottom:6px; padding-left:9px; line-height:1.5em;}
                            .urgent-number.expanded {margin-left:-8px; }
 
                    ul#opening-hours {margin-top:36px; margin-left:-26px; padding-left:20px;}
                        ul#opening-hours #opening-hours-title {margin-bottom:8px;}
                        ul#opening-hours #opening-hours-title i {margin-top:6px; margin-right:10px;}
                        ul#opening-hours .days {margin-left:50px; line-height:1.55em;}
 
 
                /* Contact Form styling */
 
                    #sales-and-rentals-form-container {padding:2.2em;}
 
                        #radio-container {padding:12px 10px;}
                            #radio-container label {/*height:56px; padding:12px 0;*/ font-size:1.7em;}
                            #radio-container label:nth-child(1):hover {filter:brightness(1.15)!important;}
                            #radio-container label:nth-child(2):hover {filter:brightness(1.05)!important;}

                        .contact-form {padding:12px;}
                            #sales-and-rentals-form-container fieldset.enquiry-nature {margin-top:1.15em;}
                                #sales-and-rentals-form-container fieldset input,
                                #sales-and-rentals-form-container fieldset select,
                                #sales-and-rentals-form-container fieldset textarea {
                                    padding:12px 11px;
                                    line-height:1.5em;
                                    font:1.4em 'Roboto', Helvetica, Arial, sans-serif;
                                    }
                                #sales-and-rentals-form-container fieldset input,
                                #sales-and-rentals-form-container fieldset select {
                                    margin-bottom:.85em;
                                    }
                                #sales-and-rentals-form-container input[type="submit"] {
                                    margin-top:.25em; padding:10px 36px;
                                    font-size:1.3em;
                                    }
 
                                small.ppref {font-size:1em;}

                        #contact-us p:last-child {margin-bottom:0;}

 
 
                /* Connect With Us */
 
                    #socials #twitter-container .twitter-timeline {height:555px!important;}
                    #twitter-container {margin-top:5em;}
 
                    #facebook-container {max-width:50%; margin-top:-1em; }
                        #social-profile-links {margin-top:2em; padding-bottom:4.6em;}
                        #social-profile-links,
                        #facebook-feed-triggers,
                        #facebook-feed-placeholder {max-width:525px; margin-left:auto; margin-right:auto;}
 
                            #twitter-container a, #facebook-feed-placeholder a, #facebook-feed-triggers a  {text-decoration:none; font-weight:bold;}
                            #facebook-feed-triggers a {margin-top:2px; font-size:1em;}
 
 
 
 
 
 
    }

 
 
 
 
/* Desktop
-------------------------------------------------- */
    @media only screen and (min-width:1026px) and (max-width:1400px) {
 
        /*header {border-top-color:#C5E0F4!important;}
        nav ul {background:#BDD6E9; background:#EAF0F4;}*/
 
        #wrapper {
            min-width:1000px;
            max-width:1100px;
            }
 
            .slanted {margin-top:.85em;}
            ul#smallprint {font-size:.85em;}
 
            .band .row {max-width:1120px; margin-bottom:0;}
            .band.wideband .row {max-width:1380px;}
            .band.narrowband .row {max-width:880px;}
 
            form select:hover {background-color:rgba(255,255,255, .9);}

            form.modal-form input[type="submit"]:hover {filter:brightness(1.15);}


            /* Homepage */
 
                /* slider.css overrules */
                #slider-band {margin-bottom:0;}
                    .slider [class*="ctrl"] {top:5%; padding:250px 15px; font-size:70px;}
                    .ctrlNext {right:4px;}
                    .ctrlPrev {left:4px;}
                    /*.slItem {background-position:0px 0px!important;}*/
 
                #propsearch-container {}
                    #propsearch-container h3 {padding:.6em 0;}
 
                #initial-container {padding-top:4em; padding-bottom:2em;}
                    #initial-container img {max-width:210px; margin-top:1.2em;}
                    #contact-box h3 {margin-bottom:1.8em;}
                    /*#contact-box tel {font-size:3.3em;}*/
                    #contact-box i.fa-phone {color:rgba(0,0,0, 0.025); display:none;}
                    #contact-box p {margin:1.42em .1em 0 0;}
                    #affiliates, #portals {padding:0;}
                    #portals {margin-right:8px;}
 
                #home-connect {}
                    #home-connect p {max-width:85%;}
                    #home-connect #social-profile-links {max-width:450px; margin-top:3em; padding-bottom:4em;}
                    .home-soc-container {margin-bottom:1em;}
 
                    #identical {top:510px;}
 
                #affiliates-container {}
                    #affiliates-container h3 {margin-bottom:1em;}
                    #affiliates-container p {margin-bottom:3em; padding:0 9px;}
 
 
            /* Sales & Rentals foundation styling */
 
                #page-toggles-container {
                    top:96px; 
                    padding:0!important;
                    }
                    a.toggler:hover {background:#369}
                    a.toggler div:hover h2 {
                        color:#E8C85C;
                        color:#fff;
                        background:rgba(0,0,0, .6);
                        background:#2B4F7CD9;
                        border-color:#E8C85C;
                        /*transform:.3s ease-in;
                        transition:.3s ease-in;*/
                        }
                        #left-thumb:hover, #right-thumb:hover { /* Apply greyscale by JS and fade it in/out on hover and active/.selected class */
                            opacity:1;
                            filter:grayscale(50%);
                            /*transform:.3s ease-in;
                            transition:.3s ease-in;*/
                            }
 
                         
 
            /* Sales */
 
                #buyers-intro section.introduction p {max-width:95%;}
                #sellers-intro section.introduction p {max-width:91%;}
 
 
            /* Rentals */
 
                #tenants-intro p {max-width:96%;}
                #tenants-intro p.intro-large {min-width:unset; max-width:900px;}
 
                #landlords-intro p {max-width:94%;}
                #landlords-intro p.intro-large {max-width:1015px;}
 
 
 
            /* About */
 
                #experience .intro-large {max-width:74%;}
                .director {padding:1.5em 1.5em 1.75em;}
                .director h3 span {font-size:.7em;}
                #history {margin-bottom:3em;}
                #acc-container {margin-top:4em;}
 
 
 
            /* Contact */
                 
                #contact-us h2 {margin-top:-2px;}
                ul#contact-info, ul#opening-hours {margin-top:34px;}
                    ul#opening-hours {margin-left:-10px; padding-left:12px;}
                    ul#opening-hours #opening-hours-title i {margin-right:7px;}
                    ul#opening-hours .days {margin-left:40px;}
                    ul#opening-hours .days span {width:39%;}
 

                #radio-container label {/*height:52px;*/ font-size:1.35em;}
                #radio-container label:nth-child(1):hover {filter:brightness(1.15)!important;}
                #radio-container label:nth-child(2):hover {filter:brightness(1.05)!important;}

                #sales-and-rentals-form-container fieldset input,
                #sales-and-rentals-form-container fieldset select {
                    margin-bottom:.82em;
                    }
                #sales-and-rentals-form-container #sales_name,
                #sales-and-rentals-form-container #sales_tel,
                #sales-and-rentals-form-container #rentals_name,
                #sales-and-rentals-form-container #rentals_tel {
                    width:48.66%;
                    }
 
                #facebook-feed-placeholder {height:588px;}
                #socials {padding-bottom:7em;}
 
 
 
 
 
 
    }
 
 
 
 
 
/* Tablet Landscape
-------------------------------------------------- */
    @media only screen and (min-width:770px) and (max-width:1025px) {
 
        body {background:#fafafa; font-size:100%;} /* background:#DBEDDF!important; green */
        /*header {border-top-color:#CFF2D7!important;}
        nav ul {background:#DBEDDF!important;}*/
 
        .row {padding-left:1em; padding-right:1em;}
 
 
        /* Typography */
 
            h2 {margin-bottom:.85em; font-size:1.7em;}
            h3 {margin-bottom:.75em; font-size:1.3em;}
 
            p, li, #initial-container li {font-size:1.05em;}
            .subtxt p {font-size:.9em;}
            .intro-large {min-width:650px; margin-bottom:1em; font-size:1.2em;}
            .slanted {font-size:2.25em; line-height:1.3em;}
 
            button {min-width:10em; padding:9px 12px; font-size:.9em;}
            a.btn {font-size:.9em;}
 
 
        /* Modal Styling */
 
            .light-modal-content {
                width:40vw;
                min-width:450px;
                max-width:490px;
                }
                .light-modal-body {
                    font-size:95%;
                    }
                    form.modal-form fieldset input,
                    form.modal-form fieldset select,
                    form.modal-form fieldset textarea {font-size:.8em;}
                    form.modal-form #prob_nature {max-width:99%;}
                    .acc-content .light-modal input[type="text"],
                    .acc-content .light-modal textarea {max-width:100%;}
                    form.modal-form input[type="submit"] {margin-bottom:1em!important; font-size:.8em;}


                    
        #wrapper {padding:0 20px;}
 
            header {border-top:6px solid #E8C85C;}
                header h1 {z-index:6; height:1px; padding:0;}
                header h1 img {width:140px; margin-top:8px;}
 
            nav ul li {min-width:5.5em; margin:20px 1.4em;}
                nav ul li.spacer {width:160px;}
                nav ul li a {display:block; padding:12px .2em; font-size:1.1em;}
 
            #identical {top: 500px;}
 
            footer {border-top:6px solid #E8C85C;}
                footer #footer-sitemap {font-size:.85em;}
                footer #legals {margin-left:2.5%; margin-right:2.5%; padding-left:0; padding-right:0; font-size:90%; line-height:1.6em;}
                footer h6 {font-size:80%;}
                footer #legals small {line-height:1.6em;}
                footer #legals address,
                       #legals address {line-height:1.86em!important;}
                footer #smallprint {font-size:.85em!important;}
 
 
 
            #content {padding-top:90px;}
                #content ul {}
                #content ul li {line-height:1.4em;}
 
 
                section {margin-bottom:2em; padding:3em 2em 4em;}
                    .band .row {}
                    .band.wideband .row {width:95%; max-width:1025px;}
                    .band.narrowband .row {max-width:600px;}
 
                    #bg-img-band {height:400px;}
                        #bg-img-band.about {background-position:0 -115px;}
                        #bg-img-band.auctions {background-image:url('../img/auction-room.jpg'); background-position:0 -60px;}
  
                    .band {padding:3em 2em 6em!important;}
 
                    /* auction banner */
                        #auctionband {width:65%!important; min-width:550px!important;}
                        #auctionband h3 {font-size:1.1em!important;}
                        #auctionband h3 span.a1 {margin-left:-244px!important;}
                        #auctionband h3 span.a2 {margin-right:-222px!important;}



                    .acc-content li {padding-left:.25em; font-size:.95em;}
 
 
 
            /* Homepage */
 
                #slider-band {margin-bottom:3em;}
                .slider {height:475px;} /* height:loacted in HTML slider <script> tag */

                /* slider.css overrules */
                    a.findoutmore, span.findoutmore {bottom:15%; font-size:1.4em;}
                    .slider [class*="ctrl"] {top:10%; padding:210px 10px; font-size:70px;}
                    .ctrlNext {right:0px;}
                    .ctrlPrev {left:0px;}
                    .slDots {bottom:18px;}
                    .slDotsSingle {width:12px; height:12px;}
 
                #propsearch-container {min-width:720px; max-width:100%!important; background:none!important;}
                    #propsearch-container #mount {top:-446px; right:20px;}
                    #propsearch-container #mount label {height:45px;}
                    #propsearch-container #mount label span {padding:.55em 0 .6em 0; font-size:1.15em;}
                    #propsearch-container label span {padding:.45em 0;}
 
                    .accordion input:checked ~ .accordion-item-content {height:328px;}
 
                    form.property-search-form {padding:.8em .75em 1.2em;}
                        .property-search-form select,
                        .property-search-form input[type="text"] {font-size:.85em; color:#888;}
 
                        fieldset.keyword-search {margin-bottom:1.25em;}
                        fieldset.keyword-search button {top:13px; right:20px; min-width:1em; padding:5px 10px 6px 9px;}
 
                        .property-search-form input[type="submit"] {
                            padding:6px 0 7px;
                            font-weight:normal;
                            font-size:.95em;
                            color:#eaeaea;
                            }
 
 
                #initial-container {/*margin-left:20px; margin-right:20px; disabled because of #wrapper padding*/}
                    #initial-container h3 {min-height:52px;}
                    #initial-container .w-33:last-child h3 {min-height:38px;}
                    #contact-box p {margin-top:.5em;}
                    #initial-container li {margin-bottom:.25em;}
                    #initial-container img {width:210px;}
 
                    q:after {right:12px!important;}
 
                        #contact-box h3 {margin-bottom:14px;}
                        #contact-box i.fa-phone {bottom:155px; right:183px; transform:rotate(63deg); font-size:6.25em;}
                        #contact-box a.tel {font-size:3em; line-height:1em;}
                        #contact-box #soc-small {margin:-.85em -9px 0 0;}
                        #contact-box #soc-small li {font-size:3.2em;}
                        #contact-box #soc-small li:last-child {margin-right:-2px;}

                #google-reviews {font-size:85%;}
                    #testimonial-container {padding-bottom:0; background-position:center 125px;}
                    #testimonial-container::before, q::before {top:138px; left:5px; font-size:9em;}
                    #testimonial-container::after, q::after {right:5px; bottom:-10px; font-size:19em;}
                    .review-text {padding-top:.75em;}


                #home-connect {}
                    #home-connect p {max-width:78%;}
                    #home-connect #social-profile-links {margin-top:3em; padding-bottom:4em;}
 
                #affiliates-container {}
                    #affiliates-container h3 {margin-bottom:1em;}
                    #affiliates-container p {margin-bottom:2.3em; min-height:100px;}
                    #affiliates-container img {padding:0!important;}
                    #affiliates, #portals {padding:0;}
                    #portals {padding:0 2px 0 0;}
                    #portals img {padding:0;}
 
 
 
 
            /* Sales & Rentals foundation styling */
 
                /*.content-containers {top:290px;}*/
                .footerDrop {top:2500px;}
                    @keyframes slideUp {from {top:290px;} to {top:-300px;}}
                    @keyframes slideDown {from {top:-300px;} to {top:290px;}}
                    @keyframes footerDrop {from {top:625px;} to {top:2500px;}}
                    @keyframes footerPull {from {top:2500px;} to {top:625px;}}
 
                /*#page-toggles-container {top:45px;}*/
                #page-toggles-container {top:92px; padding:0!important;}
                    a.toggler div {min-height:400px; opacity:.65;}
                        a.toggler:focus div,
                        a.toggler:active div {opacity:1;}


                    a.toggler div h2 {padding:.3em 0 .35em; font-size:2.2em;}
 
                                /* .PageActive class applied via page-toggler.js - Page active styles... */
                                    #page1-toggler.PageActive #left-thumb,
                                    #page2-toggler.PageActive #right-thumb {
                                        filter:grayscale(20%);
                                        opacity:1;
                                        }
                                        #page1-toggler.PageActive div h2,
                                        #page2-toggler.PageActive div h2 {
                                            color:#fff;
                                            background:#2B4F7C!important;
                                            border-color:#E8C85C!important;
                                            }

                            .buyers-thumb {background-position-x:-40px;}
                            .sellers-thumb {background-position-x:-10px;}
     
                            .tenants-thumb {background-position-x:-60px;}
                            .landlords-thumb {}


                    /*.content-containers {top:284px;}                  
                        .slideUp {animation-name:slideUp; animation-duration:0.5s;}
                            @keyframes slideUp {from {top:284px;} to {top:-1500px;}}                
                        .slideDown {animation-name:slideDown; animation-duration:0.5s;}
                            @keyframes slideDown {from {top:-1500px;} to {top:284px;}}    
                    */
 
                .content-containers {top:492px;;}
                    @keyframes slideUp {from {top:492px;} to {top:-1500px;}}
                    @keyframes slideDown {from {top:-1500px;} to {top:492px;}}
                 
                    .services .accordion-container {min-width:645px; padding:0;}
                    .testimonial-slider-container p {font-size:1em;}
 

                    .property-slider-container {}
                        .property-slider li {}
                        .property-slider li img,
                        .property-slider div.owl-item img {height:140px;}
                        .property-slider div.owl-item span.address,
                        .property-slider div.owl-item span.type,
                        .property-slider div.owl-item span.price {font-size:.9em;}

                    section.introduction .slanted {margin-bottom:1em;}
 


            /* Sales */
             
             
 
            /* Rentals */

                #tenant-finder, #fully-managed {margin:1em auto;}
                    #landlords-services .acc-content .row {padding:0 .1em;}
                    #landlords-services .acc-content .row p {font-size:.9em;}
                    #landlords-services .acc-content ul {margin-left:1.15em;}
                    #landlords-services .acc-content li {padding-left:.25em; font-size:1em;}



            /* About */
 
                #experience {padding:3em 2em;}
                #experience .intro-large {margin-bottom:-.5em;}
 
                #directors {}
                    #directors.row {padding-left:0; padding-right:0;}
                    #directors-container {padding-left:0; padding-right:0;}
                      .director {min-height:670px; padding:0.75em 0.75em 1.5em;}
                          .director img {margin-bottom:.5em;}
                          .director h3 span,
                              .member h3 span {font-size:.75em;}
                          .director p {text-align:center;}
 
                #team {}
                    #team-container {margin-top:5em;}
                    ul.staff-members {width:80%; min-width:650px; margin:0 auto;}
                    ul.staff-members li.member {margin-bottom:4em;}
                    ul.staff-members li.member:last-child {margin-bottom:2em;}
                    ul.staff-members li.member .member-desc {padding:1.35em 1.65em 1.65em; min-height:227px;}
                            .member-desc:nth-child(odd) {margin-right:-25px;}
                            .member-desc:nth-child(even) {margin-left:-25px;}
                            .member-img {min-width:200px!important; width:36%;}
 
                #history {}
                    #timeline-container .row {padding-left:0; padding-right:0;}
                    #timeline-container .intro {width:100%;}
                      .event {padding:5%;}
                      .event h5 {margin-top:0; margin-bottom:.2em}
 
                #accreditations
                    #acc-container {margin-top:3.5em; margin-bottom:0em;}
                      ul.acc-list {margin-top:1em;}
                      ul.acc-list li a {margin-bottom:1em;}
                      ul.acc-list li span {font-size:.85em;}
                      ul.acc-list li img {width:100%; margin-bottom:.5em;}
 
 
 
            /* Contact */
 
                #key-info {font-size:1.2em;}
 
                    #map {height:570px;}
 
                    #contact-info-container {height:400px; font-size:.8em;}
                        #info-img {height:281px;}
                        ul#contact-info,
                        ul#opening-hours {margin-top:20px;}
 
                            ul#contact-info {padding-left:23px;}
                                ul#contact-info .titles {margin-bottom:.5em; line-height:1.25em;}
                                ul#contact-info i {margin-left:-20px; margin-right:6px;}
                                 
                                    ul#contact-info #tel {height:auto; margin-bottom:.75em;}
                                        ul#contact-info #tel i {margin-right:5px; margin-bottom:-2px; margin-left:-17px;}
                                        ul#contact-info #tel a {font-size:1.2em; font-weight:bold;}
 
                                    ul#contact-info #address {}
                                        ul#contact-info #address .titles {padding-left:3px;}
                                        ul#contact-info #address i {margin-right:12px;}
                                        ul#contact-info #address address span {display:block; padding-left:14px;}
                                        ul#contact-info #address .address-lines {margin-left:-1px; padding-left:0px; font-size:0.9em; font-style:normal; line-height:1.4em;}
 
                                    ul#contact-info #tel-urgent {margin-top:2.1em; margin-left:-23px;}
                                        ul#contact-info #tel-urgent i {margin-right:15px; margin-left:1px;}
                                        .urgent-container {padding:0}
                                        .urgent-container button {padding:10px 18px;}
                                        .urgent-number {padding:9px 12px 9px 4px;}
 
 
                            ul#opening-hours {margin-left:-8px; padding-left:7px;}
                                ul#opening-hours #opening-hours-title {margin-top:-1px; margin-bottom:7px;}
                                ul#opening-hours #opening-hours-title i {margin-right:2px;}
                                ul#opening-hours .days {margin-left:30px; line-height:1.6em}
                                ul#opening-hours .days span {width:34%;}
 
                     
                #contact-us {}
                    #contact-us h2 {margin-top:-2px;}
                    #contact-us .intro-large {margin-bottom:2em;}
                    #contact-us p:last-child {margin-bottom:0; max-width:85%;}
                 
 
                    /* Contact Form styling */
                        #sales-and-rentals-form-container {width:80%; margin-bottom:4em; padding:1.5em 1.5em 1.55em 1.5em; font-size:1em;}
                            #radio-container label {/*height:55px;*/ padding-top:14px; font-size:1.2em;}
 
                            #sales-and-rentals-form-container .contact-form {padding:.75em;}
                             
                                #sales-and-rentals-form-container fieldset {margin-bottom:1.2em; padding:0 1px;}
                                #sales-and-rentals-form-container fieldset.enquiry-nature {margin-top:.5em; padding:0;}
                                #sales-and-rentals-form-container fieldset.message {margin-bottom:.85em;}
 
                                #sales-and-rentals-form-container fieldset input, 
                                #sales-and-rentals-form-container fieldset select, 
                                #sales-and-rentals-form-container fieldset textarea {
                                    margin-bottom:.85em;
                                    font-size:1.1em;
                                    }
                                #sales-and-rentals-form-container fieldset input,
                                #sales-and-rentals-form-container fieldset textarea {
                                    border-radius:0;
                                    }
                                    #sales-and-rentals-form-container select.w-100 {width:99.9%;}
 
                                    #sales-and-rentals-form-container #sales_name,
                                    #sales-and-rentals-form-container #sales_tel,
                                    #sales-and-rentals-form-container #rentals_name,
                                    #sales-and-rentals-form-container #rentals_tel {width:48.58%;}
 
                                    #sales-and-rentals-form-container #sales_email,
                                    #sales-and-rentals-form-container #rentals_email {margin-bottom:.8em;}
 
                                    #sales-and-rentals-form-container #rentals_postcode {float:left;}
 
                                    #sales-and-rentals-form-container fieldset textarea {margin-bottom:0;}
                                    #sales-and-rentals-form-container input[type="submit"] {font-size:1em; margin-bottom:1.2em;}
                             

                                input.optin {margin-top:2px!important;}
                                #prob-form-submit small.ppref {font-size:.7em!important;}
                                #prob-form-submit input.optin {margin-top:2px!important;}

 
                /* Connect With Us */
                    #socials p {max-width:95%;}
 
                    #twitter-container {position:relative; width:455px; overflow:hidden;}
                        #socials #twitter-container .twitter-widget-0,
                        #socials #twitter-container .twitter-widget-1 {max-width:400px; overflow:hidden;}
                        #socials #twitter-container .twitter-timeline {max-width:400px; height:614px; overflow:hidden;}
                         
                    #facebook-container {max-width:100%; margin-bottom:0;}
                        #facebook-container #social-profile-links {max-width:460px;}
                            #social-profile-links {margin:6em auto 1.22em; padding-bottom:3.5em;}
                            #social-profile-links li {margin:0; padding:0;}
                                #facebook-container #social-profile-links li:first-child,
                                #facebook-container #social-profile-links li:first-child a {margin-left:0!important;}
                                #facebook-container #social-profile-links li:last-child,
                                #facebook-container #social-profile-links li:last-child a {margin-right:0!important;}
                            #social-profile-links li a {margin:4px 5px 7px; padding:.3em .2em .29em; font-size:2.26em;}
 
                        #facebook-feed-triggers {max-width:460px;}
                            #facebook-feed-triggers a {padding:10px 12px 10px; font-size:.75em;}
                            #facebook-feed-triggers a i {margin-right:7px; margin-right:12px; font-size:3em;}
                            #facebook-feed-triggers a span {}
 
                        #facebook-feed-placeholder {max-width:460px; height:612px; margin-top:0; padding:0;}
 
 
 
 
 
 
    }
 
 
 

 
/* Tablet Portrait
-------------------------------------------------- */
    @media only screen and (min-width:670px) and (max-width:769px) {
 
        body {background:#fafafa;} /* background:#F3EBD2!important; yellow */
        /*header {border-top-color:#F4D984!important;}
        nav ul {background:#F3EBD2!important;}*/
 
        .row, .band.row {padding-left:1.5em; padding-right:1.5em;}
 
        #wrapper {border-top:0px solid #E8C85C;}
 
            header {border-top:6px solid #E8C85C;}
            header h1 {z-index:6 ;height:1px; padding:0;}
            header h1 img {width:140px; margin-top:8px;}
 
            nav ul li {min-width:6em; margin:20px 1.4em;}
            nav ul li.spacer {width:160px;}
            nav ul li a {
                display:block;
                padding:12px 1.1em;
                font-size:1.1em;
                }
 
 
        /* Footer */
            #identical {top:425px;}
 
           footer {border-top:6px solid #E8C85C;}
           footer #legals {margin-left:2%; margin-right:2%;}
           footer #legals h6 {font-size:90%;}
 
 
        /* Typography */
 
            h3 {font-size:1.6em; margin-bottom:.6em}
            p {font-size:1.25em; line-height:1.4em;}

            button, a.btn {font-size:.9em;}
 
                .intro-large {line-height:1.3em; font-size:1.55em; max-width:90%;}
                .subtxt p {font-size:1.1em; line-height:1.4em}
                .slanted {font-size:3em; line-height:1.2em; margin-bottom:2em;}
 
 
        #content {padding-top:90px;}
 
            #content ul {}
            #content ul li {}
 
            section {margin-bottom:3em; padding:2.6em 2.5em 2em;}
            /*section.row {margin-bottom:3em;}*/
            section.last-row {margin-bottom:0!important;}
            section.parallax, div.parallax {min-height:530px; height:550px;}

                .band {margin-top:2em; padding:2.6em 2.5em 4em!important;}                    

                .band.row, .row.band {padding-bottom:2em;}
                .band .row {}
                .band.wideband .row {max-width:380px; padding:40px 2em;}
                .band.narrowband .row {max-width:880px;}
                
                #bg-img-band {height:330px;}
                    #bg-img-band.about {background-position:0 -100px;}

                    /* auction banner */
                        #auctionband {width:65%!important; min-width:550px!important; margin:2em auto 2em!important; padding:20px 0 40px!important;}
                        #auctionband h3 {font-size:1.2em!important;}
                        #auctionband h3 span.a1 {margin-left:-220px!important;}
                        #auctionband h3 img {left:46%;}
                        #auctionband h3 span.a2 {margin-right:-195px!important;}

 
 
            /* Homepage */
 
                #slider-band {margin-bottom:3em!important;}
                .slider {height:400px;} /* height:loacted in HTML slider <script> tag */
 
                /* slider.css overrules */
                    a.findoutmore, span.findoutmore {bottom:15%; font-size:1.4em;}
                    .slider [class*="ctrl"] {top:13.25%; padding:160px 10px; font-size:50px;}
                    .ctrlNext {right:8px;}
                    .ctrlPrev {left:8px;}
                    .slDots {bottom:18px;}
                    .slDotsSingle {width:12px; height:12px;}

 
                /* search */
                #propsearch-container {
                    min-width:669px; max-width:100%!important;
                    height:53px;
                    background:none!important;
                    }
                    #propsearch-container #mount {
                        top:4px; right:0;
                        width:100%; height:52px;
                        margin:0 auto; padding-top:0!important;
                        background:none;
                        background:url('../img/bg-mount.gif') top center repeat-y transparent!important;
                        border-radius:0;
                        vertical-align:top;
                        }
                        .accordion-search {padding:0;}
                        #mount #ctrl-sale-search,
                        #mount #ctrl-let-search {display:none;}
                        #mount label {height:50px; text-align:center; background:none!important;}
                        #mount h3 {padding:1em 0 1.5em; font-size:1.2em;}
 
                        /* Accordion-Search amendments */
 
                        #search-container-buy,
                        #search-container-let {
                            display:inline-block;
                            width:49%!important;
                            margin-bottom:0;
                            vertical-align:top;
                            }
                            #search-container-buy {margin-right:-2px; left:0;}
                            #search-container-let {margin-left:-1px;}
                                .accordion input:checked ~ .accordion-item-content {height:380px;}
                                #mount form {height:366px;}
                                form.property-search-form {padding:1.3em;}
                                #search-container-buy form {margin:2px 10px 16px 11px;}
                                #search-container-let form {margin:2px 11px 16px 10px;}
                                #propsearch-container label span {padding:1em 0;}
 
                        #search-content-buy,
                        #search-content-let {}
                            #search-content-buy {}
                            #search-content-let {margin-right:1px!important;}
                                #search-content-buy label form {margin-left:6px; margin-bottom:18px;}
                                #search-content-let label form {margin-right:6px; margin-bottom:18px;}
                                     
                                    #price_high {margin-bottom:1.6em!important;}
                                    .property-search-form select,
                                    .property-search-form input[type="text"] {font-size:1.1em; padding:6px 5px;}
                                    .property-search-form input[type="submit"] {padding:10px 0;}
                                     
                                    fieldset.keyword-search {padding-bottom:0;}
                                    fieldset.keyword-search input {width:84%; height:34px;}
                                    fieldset.keyword-search button {top:19px; right:27px; padding:8px 12px 10px 11px;}
 
 
 
                #initial-container {margin-bottom:3em; margin-left:1.25em; margin-right:1.25em; padding-bottom:1em;}
                    #initial-container h3 {min-height:37px; margin-bottom:1em;}
                    #initial-container img {max-width:210px; margin-top:0em;}
                    #initial-container li {margin-bottom:.25em; padding-left:.2em; font-size:1.25em;}
 
                    #contact-box h3 {margin-bottom:20px;}
                        /*#contact-box a.tel {font-size:2.2em;}*/
                        #contact-box a.tel {line-height:1em}
                        #contact-box i.fa-phone {bottom:174px; right:134px; font-size:6em; transform:rotate(64deg);}
                        #contact-box #soc-small {margin:-1em -1px 0 0;}
                            #contact-box #soc-small li {font-size:3.45em;}

 
 
                #featured-testimonials {margin-bottom:3em;}
                    q p {padding:0 5px;}
                    q::after {right:14px; bottom:-121px; font-size:22em;}

                    #testimonial-container::after, q::after {bottom:0;}
                    .review-stars ul li i {font-size:1em;}
 

                #tenant-service-options {padding-left:0; padding-right:0;}
                #tenant-service-options button {min-width:131px; padding:12px;}
 
 
                #home-connect p {max-width:85%;}
                #home-connect #social-profile-links {margin-top:3em; margin-left:1em; margin-right:1em; padding-bottom:6em;}
                    .home-soc-container {margin-bottom:2.4em; padding:0 1em;}
                 

                #affiliates-container {margin-top:0; margin-bottom:3em;}
                    #affiliates-container h3 {margin-bottom:1em;}
                    #affiliates-container p {min-height:95px; margin-bottom:2.3em; padding:0 9px;}
 
                    #affiliates div, #affiliates.row {margin-bottom:0; padding:0;}
                        #affiliates div:first-child {padding-left:12px;}
                        #affiliates div:last-child {margin-top:.75em; margin-right:3px; margin-left:0; float:right;}
                        #affiliates img {padding:0;}
 
                    #portals {margin-bottom:0; padding:0 15px 0 0;}
                        #portals div {margin-bottom:1.05em;}
                        #portals img {padding:0;}
                        #portals div:last-child {margin-left:0;}
 
 
 
            /* Sales & Rentals foundation styling */
 
                #page-toggles-container {
                    top:87px; 
                    padding:0!important;
                    }
                    a.toggler div {min-height:330px;}
                    a.toggler div h2 {padding:0.4em 0 .5em; font-size:2.5em;}
 
                .content-containers {top:420px;;}
                    @keyframes slideUp {from {top:333px;} to {top:-1500px;}}
                    @keyframes slideDown {from {top:-1500px;} to {top:333px;}}
                 
                        .sellers-thumb {background-position-x:-60px;}


                body#sales section.row,
                body#rentals section.row {margin-bottom:0;}
 
                body#sales .introduction,
                body#rentals .introduction {margin-bottom:-.5em;}
 
                    body#sales .introduction .slanted,
                    body#rentals .introduction .slanted {margin-bottom:.5em;}
 
                    body#sales section.latest-properties,
                    body#rentals section.latest-properties {margin-bottom:0; padding-bottom:0;}
 
                    .property-slider-container {margin-bottom:2em;}
                        .property-slider div.owl-item a {margin-bottom:0;}
                        .property-slider li img,
                        .property-slider div.owl-item img {height:130px;}
                        .property-slider .owl-dots {display:none;}


 
            /* Sales */
             
             
 
            /* Rentals */
             
                #tenant-finder, #fully-managed {margin:1em auto;}
                
                    #landlords-services .accordion-container {max-width:90%;}
                        #landlords-services .acc-content .row {padding:0 .1em;}
                        #landlords-services .acc-content .row h5 {font-size:1.25em;}
                        #landlords-services .acc-content .row p {font-size:1.1em;}
                        #landlords-services .acc-content ul {margin-left:1.2em;}
                        #landlords-services .acc-content li {padding-left:0; font-size:.95em;}
             

             
            /* About */
 
                #experience {padding-bottom:3em; margin-bottom:0;}
                #experience p.intro-large {max-width:90%; margin-bottom:0;}
 
                #directors {margin-bottom:-2.5em; padding-top:2.6em;}
                #directors.row {padding-left:0; padding-right:0;}
                    #directors-container {padding-left:0; padding-right:0;}
                        .director {margin-bottom:1.5em; padding:1.2em 1.2em 1.6em; min-height:660px;}
                        .director:last-child {float:none; min-height:auto;}
                            .director img {width:100%; margin-bottom:.8em;}
                            .director h3 {margin-bottom:.85em;}
                            .director h3 span,
                                .member h3 span {font-size:.7em; padding-left:.25em;}
                            .director p {text-align:center;}
                            #directors p:first-child {max-width:85%;}
 
                #team {}
                    #team-container {margin-top:2em;}
                    ul.staff-members {width:85%; margin:0 auto;}
                    ul.staff-members li:first-child {margin-top:18em;}
                    ul.staff-members li.member {position:relative; margin-bottom:19em!important;}
                    ul.staff-members li.member:last-child {margin-bottom:3em!important;}
                    ul.staff-members li.member .member-desc {
                        width:96%;
                        min-height:220px;
                        margin-right:auto;
                        margin-left:auto;
                        padding:2.75em 1.5em 2.4em;
                        text-align:center;
                        }
                      .member-img {
                          position:absolute;
                          top:-184px;
                          left:50%;
                          z-index:25;
                          float:none;
                          min-width:225px;
                          margin-left:-112.5px;
                          box-shadow:0px 3px 5px rgba(0, 0, 0, 0.35);
                          }
 
                #history {}
                    #timeline-container {width:100%; max-width:none; margin-bottom:2.5em;}
                    #timeline-container.row {padding:0 0 0 0.2em;}
                    .event {padding:3% 5%;}
 
                #accreditations {padding-bottom:4em;}
                    #acc-container {max-width:100%; width:100%; padding:2em 0 33px;}
                        #acc-container ul {margin-left:0; margin-top:2em;}
                        #acc-container ul li:nth-child(3) {margin-left:0;}
                        #acc-container ul li:first-child, #acc-container ul li:nth-child(2) {margin-bottom:4em;}
                            ul.acc-list li span {margin-top:1em; font-size:1.2em;}
                            ul.acc-list li img {width:80%; margin-bottom:.5em;}
                            ul.acc-list li .video-container {width:100%; margin-top:2em; padding:0 .75em; background:none;}
 
 
 
            /* Contact */
 
                #map {height:480px;}
 
                #contact-info-container {height:400px; font-size:0.9em;}
                    #contact-info-container #info-img {height:210px;}
                    #contact-info-container #tel-fullwidth {display:inline-block; margin:14px auto 18px; color:#2B4F7C; font-weight:lighter;}
                        #contact-info-container #tel-fullwidth a {margin-left:-22px; color:#369; font-size:1.75em; text-decoration:none;}
                        #contact-info-container #tel-fullwidth i {font-size:1em; vertical-align:middle;}
                        #contact-info-container #tel-fullwidth a:hover {color:#369; cursor:default;} /*normalise*/
 
                    #contact-info-container ul {margin-top:0; padding-left:24px;}
                            #contact-info-container ul #tel, #contact-info-container ul i {display:none;}
 
                        #contact-info-container #contact-info {}
                            ul#contact-info .titles {height:38px; margin:0 0 .8em 0; font-weight:bold; line-height:1.25em;}
                            ul#contact-info #address {margin-left:4px;}
                            ul#contact-info #address address {padding-left:0;}
                            ul#contact-info #address address span {display:block;}
                            ul#contact-info #address .address-lines {padding-left:0; font-size:.9em; font-style:normal; line-height:1.4em;}
 
                            ul#contact-info #tel-urgent {margin-top:1.6em; margin-left:-24px;}
                                .urgent-container button {padding:8px 4px 9px 8px;}
                                    ul#contact-info #tel-urgent i {margin-right:10px; margin-left:0px; display:inline-block;}
                                    .urgent-number {top:0; padding:7px 12px 8px;}
 
                        #contact-info-container #opening-hours {padding-left:29px;}
                            ul#opening-hours-title {margin-bottom:20px;}
                            ul#opening-hours .days {margin-left:0; font-size:.9em; line-height:1.5em;}
                            ul#opening-hours span {width:60px;}
 
 
                #contact-us {}
                    #contact-us .intro-large {font-size:1.3em;}
 
                    /* Contact Form styling */
                        #sales-and-rentals-form-container {width:80%; margin:3em auto; font-size:1em;}
                        #radio-container label {padding-top:11px;}
                                 
                            #sales-and-rentals-form-container fieldset input {margin-bottom:1.05em;}
                             
                            #sales-and-rentals-form-container fieldset input,
                            #sales-and-rentals-form-container fieldset textarea {border-radius:0;}
 
                                #sales-and-rentals-form-container #sales_name,
                                #sales-and-rentals-form-container #sales_tel,
                                #sales-and-rentals-form-container #rentals_name,
                                #sales-and-rentals-form-container #rentals_tel {width:48.55%;}
 
                                #sales-and-rentals-form-container #rentals_postcode {float:left; width:30%;}
                                #sales-and-rentals-form-container input[type="submit"] {width:30%; padding:11px 36px;}
 
 
                /* Connect With Us */
                    #socials .social-intro-and-twitter-container {margin-bottom:1em;}
                        .social-intro-and-twitter-container .twitter-timeline {text-align:center;}
                        .social-intro-and-twitter-container #tweet-btn {float:none; margin:1.5em auto;}
                        #social-profile-links {margin:4em auto 1.4em; padding-bottom:3em;}
                        #social-profile-links li a {padding:.3em .245em;}
 
                    #facebook-container {float:none; max-width:465px; margin:.7em auto 1.6em;}
                        #facebook-feed-triggers a {margin-bottom:1.352em; padding:10px 14px 11px; font-size:1.1em;}
                        #facebook-feed-triggers a i {font-size:2.9em;}
                        #facebook-feed-placeholder {position:relative; margin-bottom:1.6em;}
                            .fb-page,
                            .fb_iframe_widget {width:100%!important;}
 
 
 
 
 
 
    }
 
 
 

 
/* Mobile Landscape
-------------------------------------------------- */
    @media only screen and (min-width:480px) and (max-width:669px) {
 
        body, nav ul {background:#FAFAFA;} /* background:#FBEADD!important; orange */
        /*header {border-top-color:#FFAE70!important;}*/
 
        #wrapper {
            position:relative; z-index:0;
            margin:0; padding:83px 0 0 0; /* adjust top padd to allow for logo height */
            background:none!important;
            border-top:0px solid #E8C85C;
            }
 
            header {margin-top:0; border-top:5px solid #E8C85C;}
            header.e2e {height:75px; background:#fff;}
            header h1 {
                height:0px;
                margin:0px auto 0; padding:0;
                border-color:black;
                }
                header h1 img {width:110px; margin-top:8px;}
 
            #touch-contact {top:13px;}
            .mob-only {display:block;}
 
 
        /* mobile navigation */
 
                #burger {display:block; z-index:120; position:absolute; top:10px; right:14px; font-size:1.75em; color:#999;}
                #burger:focus, #burger:active {color:#2B4F7C;}
                /* #burger:active {color:#E8C85C;} */
 
                #burger-nav {display:none; position:absolute; top:-46px; z-index:100; width:100%; margin:0; padding:0; /*navy nav*/ background:#2B4F7C;}
                    #burger-nav ul {display:block; position:relative; top:0px; right:0; width:100%; margin:0 auto; padding:0; background:rgba(0,0,0, 0);}
                    #burger-nav ul li {display:inline-block; float:none; min-width:5em; margin:4px 1em; margin-left:0; background:rgba(0,0,0, 0);}
                    #burger-nav ul li:first-child {margin-left:0;}
                    #burger-nav ul li.spacer {display:none;}
                    #burger-nav ul li a {display:block; margin:0; padding:7px .5em 8px; color:#fff; color:rgba(255,255,255, 0.7); font-size:0.97em; background:rgba(255,255,255, 0);}
                    #burger-nav ul li a:hover,
                    #burger-nav ul li a:focus {color:#fd0; color:#fff; color:rgba(255,255,255, 1);}
                    #burger-nav ul li a:active {color:#fd0;}
 
                    /* Show the menu when animating or visible */
                        .animating #burger-nav, .menu-visible #burger-nav {
                            display:block;
                            }
                    /* If the animating class is present then apply the CSS transition to #wrapper over 250ms */
                        .animating #wrapper {
                            transition:                    transform .25s ease-in-out;
                            }
                    /* If the down class is present then transform the #wrapper element 45px to down */
                        .animating.down #wrapper {
                            transform:                     translate3d( 0, 41px, 0 );
                            }
                    /* If the right class is present then transform the #wrapper element 45px to the up */
                        .animating.up #wrapper {
                            transform:                     translate3d( 0, -41px, 0 );
                            }
                    /* If the menu-visible class is present then shift the #wrapper 45px up
                       via position:absolute to keep it in the open position. When .animating,
                       .down and .up classes are not present the CSS transform does not apply to #wrapper */
                        .menu-visible #wrapper {            top:41px;  }
 
                    /* minimize the flickering */
                        #wrapper, #burger-nav {
                            }
 
 
        /* Footer */
                #identical {top:250px;}
                 
                footer {
                    top:608px; /* Mohsin - how is 608px calculated? */
                    margin:0; padding:10px 0 50px!important;
                    font-size:0.95em;
                    border-top:5px solid #E8C85C;
                    }
                    ul#footer-sitemap {margin:0 0 1.5em;}
                    ul#footer-sitemap li {
                        display:inline-block;
                        margin:.5em 1em;
                        }
 
 
        /* Modal Styling */
 
            .light-modal:target .light-modal-content {width:82vw;}
            form.modal-form {width:84%!important;}
 
 
        /* Typography */
 
            p {font-size:1.2em;}
            .intro-large {font-size:1.3em; max-width:none; width:95%;}
            .slanted {margin-bottom:1em; font-size:2.6em; line-height:1.2em;}
 
 
             
        #content {margin-top:-8px; padding-top:0;}
            #content ul {}
            #content ul li {line-height:1.4em;}
 
            section {margin-bottom:2em; padding:3em 1.5em 4em;}
              .band .row {}
              .band.wideband .row {}
              .band.narrowband .row {}
 
              #bg-img-band {height:220px;}
              #bg-img-band.auctions {background-image:url('../img/auction-room.jpg'); background-position:0 -30px;}
  
 
            section.band {margin-bottom:0!important; padding:3em 2em 6em!important;}

                /* auction banner */
                    #auctionband {width:65%; min-width:430px; margin-top:1.2em!important; margin-bottom:2em!important; padding:15px 0 31px;}
                    #auctionband h3 {font-size:1em;}
                    #auctionband h3 span.a1 {margin-left:-200px;}
                    #auctionband h3 img {left:45%; top:-17px;}
                    #auctionband h3 span.a2 {margin-right:-178px;}

 
 
            /* Homepage */
 
                #slider-band {margin-bottom:4.75em!important;}
                .slider {height:275px;} /* height:loacted in HTML slider <script> tag */
 
                /* slider.css overrules */
                .slider [class*="ctrl"] {top:19%; padding:115px 10px 115px; font-size:40px;}
                    .ctrlNext {right:0px;}
                    .ctrlPrev {left:0px;}
                    .slDots {bottom:18px;}
                    .slDotsSingle {width:8px; height:8px;}
 
                /* search */
                #propsearch-container {
                    min-width:100%; max-width:100%!important;
                    height:0;
                    }
                    .accordion input:checked ~ .accordion-item-content {height:338px;}
 
                    #propsearch-container div {}
                    #propsearch-container #mount {
                        top:2px; right:0;
                        width:100%; height:39px;
                        margin:0 auto; padding-top:0!important;
                        background:none;
                        background:url('../img/bg-mount.gif') top center repeat-y transparent!important;
                        border-radius:0;
                        vertical-align:top;
                        }
                        .accordion-search {padding:0;}
                        #mount #ctrl-sale-search,
                        #mount #ctrl-let-search {display:none;}
                        #mount label {text-align:center; background:none!important;}
                        #mount h3 {padding:.8em 0; font-size:1.1em;}
 
                        #search-container-buy,
                        #search-container-let {
                            display:inline-block;
                            width:49%!important;
                            margin-bottom:0;
                            vertical-align:top;
                            }
                            #search-container-buy {margin-right:-1px; left:0;}
                            #search-container-let {margin-left:-2px;}
                                #mount form {height:324px;}
                                #search-container-buy form {margin:2px 8px 8px 10px;}
                                #search-container-let form {margin:2px 11px 8px 8px;}
 
                        #search-content-buy,
                        #search-content-let {}
                            #search-content-buy {}
                            #search-content-let {}
                            form.property-search-form {padding:1em .9em;}
                                #search-content-buy label form {margin-left:6px; margin-bottom:18px;}
                                #search-content-let label form {margin-right:6px; margin-bottom:18px;}
                                 
                                fieldset.keyword-search button {top:15px; right:20px;}
                                .property-search-form input[type="submit"] {font-size:1em;}
 
                    /* Accordion-Search amendments */
                        .accordion-search section {top:0; width:49%; display:inline-block; vertical-align:top;}
                        .accordion-item-content {font-size:1em;}
 
 
                #initial-container {margin-bottom:-2em;}
 
                    #initial-container ul {margin-left:1.1em;}
                    #initial-container img {width:60%; min-width:180px; max-width:220px;}
 
                    #contact-box {text-align:center!important;}
 
                        #contact-box h3 {margin-bottom:1em;}
                        #soc-small {display:none;}
 
                        #contact-box p.msg {display:block;}
                        #soc-message {display:block;}
 
 
                #featured-testimonials {margin-bottom:3em;}
                    q:before {top:40px; left:-20px;}
                    q:after {bottom:-100px; right:-6px; font-size:20em;}
                    
                    #contact-box {margin-top:20px}
                    #contact-box i.fa-phone {bottom:100px; right:160px; font-size:7em;}
                    #contact-box .txt-r {text-align:center; margin-top:-20px; margin-bottom:40px};
                    

                #google-reviews {font-size:85%;}
                    #testimonial-container {padding-bottom:0; background-position:center 125px;}
                    #testimonial-container::before, q::before {top:115px; left:20px; font-size:12em;}
                    #testimonial-container::after, q::after {right:15px; bottom:-16px;}
                    .review-text {padding-top:.75em;}


 
 
                #tenant-service-options {margin-bottom:0; padding:0;}
                #tenant-service-options div {margin-bottom:0;}
 
                .fb-page {max-width:250px!important;}
 
                #affiliates-container {padding:3em 1em 0;}
                    #affiliates-container div.w-33 {min-height:0;}
                    #affiliates-container h3 {margin-bottom:.8em;}
                    #affiliates-container img {padding:0;}
 
                    #affiliates, #portals {margin-top:3.6em; padding-left:2em; padding-right:2em;}
                        #affiliates div, #portals div {margin-bottom:8px;}
 
 
 
 
            /* Sales & Rentals foundation styling */
 
                #page-toggles-container {
                    top:70px; 
                    padding:0!important;
                    }
                    a.toggler div {min-height:170px;}
                    a.toggler div h2 {padding:.2em 0 .35em; font-size:1.75em;}
 
                .content-containers {top:246px;;}
                    @keyframes slideUp {from {top:246px;} to {top:-1500px;}}
                    @keyframes slideDown {from {top:-1500px;} to {top:246px;}}
                 
 
                body#sales section.latest-properties,
                body#rentals section.latest-properties {margin-bottom:0; padding-bottom:0;}
                 
 
            /* Sales */
 
 
 
            /* Rentals */
 
 
 
            /* About */
 
                #directors {}
                    #directors.row {padding-left:0; padding-right:0;}
                    #directors-container {padding-left:0; padding-right:0;}
 
                    .director {min-height:565px; padding:.75em .75em 1.25em;}
                    .director:nth-child(1) {margin-bottom:1em;}
                    .director:nth-child(2) {margin-bottom:1em;}
                    .director:last-child {float:none; min-height:auto;}
                        .director img {margin-bottom:0.8em;}
                        .director h3 {margin-bottom:1.05em; font-size:1.3em;}
                        .director p {text-align:center; font-size:1em;}
 
                #team {}
                    ul.staff-members {margin:auto!important;}
                        ul.staff-members li.member {margin-bottom:16em!important; position:relative;}
                        ul.staff-members li:first-child {margin-top:200px;}
                        ul.staff-members li:last-child {margin-bottom:1em!important;}
                        ul.staff-members li.member .member-desc {z-index:9; width:96%; margin-right:auto; margin-left:auto; padding-top:1.85em;}
                            .member-desc h3 {font-size:1.3em;}
                            .member-desc p {font-size:1em; line-height:1.4em;}
                            .member-img {
                                position:absolute;
                                top:-158px;
                                left:50%;
                                z-index:10;
                                float:none;
                                min-width:188px;
                                margin-left:-92px;
                                box-shadow:0px 3px 5px rgba(0, 0, 0, 0.35);
                                }
 
                #history {}
                    #timeline-container {width:100%; max-width:none;}
                        /* Place the timeline to the left */
                        .timeline::after {left:31px;}
                        /* Full-width containers */
                        .container {
                        width:95%;
                        padding-left:70px;
                        padding-right:25px;
                        }
                        .event {padding-left:5%; padding-right:5%;}
                        /* Make sure that all arrows are pointing leftwards */
                        .container::before {
                        left:60px;
                        border:medium solid white;
                        border-width:10px 10px 10px 0;
                        border-color:transparent #369 transparent transparent;
                        }
                        /* Make sure all circles are at the same spot */
                        .left::after, .right::after {left:15px;}
                        /* Make all right containers behave like the left ones */
                        .right {left:0%;}
 
                #accreditations {}
                    #acc-container {max-width:100%;}
                        ul.acc-list {width:100%; margin:0px;}
                            ul.acc-list li {margin-bottom:1em!important;}
                            ul.acc-list li span {color:#777; font-size:1.05em;}
                            ul.acc-list li a span:hover {color:#369;}
                                .fa {display:inline-block;}
                            ul.acc-list li img {
                                width:80%;
                                margin:0 auto 0.5em!important;
                                opacity:0.35;
                                }
                                ul.acc-list li .img-black {display:block!important;}
                                #ytplayer {width:100%;}
 
 
 
            /* Contact */
 
                #map {display:none;}
 
                #contact-info-container {height:auto; font-size:1em;}
                    #contact-info-container #info-img {height:200px;}
                    #tel-fullwidth {display:none!important;}
 
                    #contact-info-container {}
                        #contact-info-container ul {margin-top:1.25em;}
                            #contact-info-container ul .titles {margin:0 0 .25em 0; font-weight:bold;}
                            #contact-info-container ul li {margin-left:0px; padding-left:0px;}
                            #contact-info-container ul i {margin-left:3px; margin-right:17px; padding-left:0px;}
                            #contact-info-container ul a {margin-left:0px; padding-left:0px;}
 
                        ul#contact-info, ul#opening-hours {margin-left:0; padding-left:3px;}
 
                        ul#contact-info {}
                            ul#contact-info #tel, ul#contact-info #address {margin-left:0; padding-left:0;}
                            ul#contact-info #tel i {margin-left:-1px; margin-right:11px; font-size:1.35em;}
                            ul#contact-info #tel a {font-size:1.6em;}
                             
                            ul#contact-info #address address {margin-left:0; padding-left:0;}
                            ul#contact-info #address address .address-lines {margin-left:45px; padding-left:0;}
                             
                            ul#contact-info #tel-urgent {margin-top:25px; margin-left:-23px;}
                                .urgent-container {padding:0;}
                                .urgent-container button {padding:11px 14px 12px 9px;}
                                #tel-urgent i {margin-right:19px;}
                                .urgent-number {padding:13px 12px 10px 4px;}
 
                        ul#opening-hours {float:right; margin-left:-12px; padding-left:57px;}
                            ul#opening-hours #opening-hours-title {margin:-2px 0 1.15em -40px;}
                            ul#opening-hours #opening-hours-title i {top:10px; margin-top:6px; margin-right:10px; font-size:1.3em; vertical-align:text-bottom;}
                            ul#opening-hours .days {margin-left:6px; line-height:1.42em;}
                            ul#opening-hours .days span {width:60px;}
 
 
                #contact-us {}
                    #contact-us .intro-large {font-size:1.3em;}
 
 
                /* Contact Form styling */
                    #sales-and-rentals-form-container {width:90%; font-size:1em;}
                        #sales-and-rentals-form-container .contact-form {width:100%; padding:.6em;}
                            #sales-and-rentals-form-container .contact-form-radio-container {height:46px; font-size:1.3em;}
 
                            #sales-and-rentals-form-container fieldset {margin-bottom:1em;}
                            #sales-and-rentals-form-container input,
                            #sales-and-rentals-form-container select {margin:0 auto .85em;}
 
                                #sales-and-rentals-form-container #sales_name, #sales-and-rentals-form-container #sales_tel,
                                #sales-and-rentals-form-container #rentals_name, #sales-and-rentals-form-container #rentals_tel {width:48.5%; margin:0 auto .8em auto;}
                                    #sales-and-rentals-form-container #sales_tel, #sales-and-rentals-form-container #rentals_tel {margin-left:2%;}
                             
                                #sales-and-rentals-form-container #rentals_address {margin:0 auto .8em auto;} /* same as tel & name above */
                                #sales-and-rentals-form-container #rentals_postcode {width:30%;}
 
                            #sales-and-rentals-form-container input[type="submit"] {width:33%;}
 
 
                /* Connect With Us */
                    #socials #twitter-container .twitter-timeline {height:541px!important;}
                        .social-intro-and-twitter-container {margin-bottom:3.2em;}
                        .social-intro-and-twitter-container .twitter-timeline,
                        .social-intro-and-twitter-container #tweet-btn {text-align:center; float:none;}


                        /* Boothy FB amendment styles */
                            #social-profile-links li.fb {
                                display:block;
                                }
                                #home #social-profile-links {width:200px}
                                #contact #social-profile-links {width:202px; margin-left:auto; margin-right:auto; text-align:center;}
                                #contact #social-profile-links li.fb {padding-left:2px;}
                                #contact #social-profile-links li a {}
                                #home #social-profile-links li:nth-child(4),
                                #social-profile-links li:nth-child(4) {margin:2em .8% .9%;}
                                #social-profile-links li.fb a {margin-top:0.9%; margin-bottom:.52em; padding:.65em .5em .6em; font-size:1.1em; line-height:1.25em; text-decoration:none;}
                                #social-profile-links li.fb a i {float:left; margin-top:3px; margin-right:5px; font-size:2.85em;}
                                #social-profile-links li.fb a span.mob-only {padding:6px 0 6px; font-weight:bold; text-align:left;}



 
                    #facebook-container {float:none; margin-top:2.5em;}
                        #facebook-container #social-profile-links {width:217px; margin-bottom:1em; padding-bottom:4.6em;}
                        #facebook-container #social-profile-links li {margin-bottom:2%;}
                        #facebook-container #social-profile-links li:first-child {margin-left:2.1%;}
 
                        #facebook-feed-triggers {margin:1.6em auto 1.35em auto; display:none;}
                        #facebook-feed-triggers a {
                            margin:0 1.3% 1.25em 1.3%;
                            padding:11px 12px;
                            font-size:.95em;
                            font-weight:bold;
                            }
                            #facebook-feed-triggers a i {margin:0 12px 0 0;}
                            #facebook-feed-triggers a:first-child {margin-left:0;}
                            #facebook-feed-triggers a:nth-child(2) {margin:0 2.5%;}
                            #facebook-feed-triggers a:last-child {margin-right:0;}
                            #facebook-feed-placeholder {margin-top:.35em; display:none;}
 
 
 
 
 
 
    }
 
 
 

 
/* Mobile Portrait
-------------------------------------------------- */
    @media only screen and (max-width:479px) {
 
        body, nav ul {background:#FAFAFA;} /* background:#F8E0E0!important; red */
        /*header {border-top-color:#FDAFAF!important;}*/
 
        #wrapper {
            position:relative; z-index:0;
            margin:0; padding:83px 0 0 0; /* adjust top padding to allow for logo height */
            border-top:0px solid #E8C85C;
            }
            .row {padding-left:8px; padding-right:8px;}
 
            header {margin-top:0; border-top:4px solid #E8C85C;}
            header.e2e {height:auto; height:69px; background:#fff;}
            header h1 {
                height:0;
                margin:0 auto 0; padding:0;
                border-color:black;
                }
                header h1 img {width:105px; margin-top:7px;}
 
            #touch-contact {top:13px;}
            .mob-only {display:block;}
            .no-mob {display:none;}
 
 
        /* mobile navigation */
            #burger {display:block; z-index:120; position:absolute; top:10px; right:14px; font-size:1.75em; color:#999;}
            #burger:focus, #burger:active {color:#2B4F7C;}
            /* #burger:active {color:#E8C85C;} */
            #burger:focus {color:#E8C85C;}
 
                #burger-nav {display:none; position:absolute; top:-42px; z-index:100; width:100%; margin:0; padding:0; /*navy nav*/ background:#2B4F7C;}
                #burger-nav ul {display:block; position:relative; top:0; right:0; width:100%; margin:0 auto; padding:0; background:rgba(0,0,0, 0);}
                #burger-nav ul li {display:inline-block; float:none; min-width:5em; margin:4px 1em; margin-left:0; background:rgba(0,0,0, 0);}
                #burger-nav ul li:first-child {margin-left:0;}
                #burger-nav ul li.spacer {display:none;}
                #burger-nav ul li a {display:block; margin:0; padding:7px .5em 7px; color:#fff; color:rgba(255,255,255, 0.7); font-size:0.9em; background:rgba(255,255,255, 0);}
                #burger-nav ul li a:hover,
                #burger-nav ul li a:focus {color:#fd0; color:#fff; color:rgba(255,255,255, 1);}
                #burger-nav ul li a:active {color:#fd0;}
 
                /* Show the menu when animating or visible */
                    .animating #burger-nav, .menu-visible #burger-nav {display:block;}
 
                /* If the animating class is present then apply the CSS transition to #wrapper over 250ms */
                    .animating #wrapper {
                        transition:                transform .25s ease-in-out;
                        }
                /* If the down class is present then transform the #wrapper element 45px to down */
                    .animating.down #wrapper {
                        transform:                 translate3d( 0, 38px, 0 );
                        }
                /* If the right class is present then transform the #wrapper element 45px to the up */
                    .animating.up #wrapper {
                        transform:                 translate3d( 0, -38px, 0 );
                        }
                /* If the menu-visible class is present then shift the #wrapper 45px up
                    via position:absolute to keep it in the open position. When .animating,
                    .down and .up classes are not present the CSS transform does not apply to #wrapper */
                    .menu-visible #wrapper {        top:38px; }
 
                /* minimize the flickering */
                    #wrapper, #burger-nav {
                        }
 
 
                ul {margin-left:1em;}
                ul ul {margin-left:1em;}
 
 
        /* Footer */
                #identical {top:294px;}
                 
                footer {
                    top:550px; /*608px*/
                    margin:0; padding:15px 0px 50px!important;
                    border-top:5px solid #E8C85C;
                    }
                    ul#footer-sitemap {margin:0 0 1.5em;}
                    ul#footer-sitemap li {
                      display:inline-block;
                      margin:0 1em .5em;
                      font-size:0.9em;
                      }
                      footer #legals {margin:0 auto 5em;}
                      footer #legals div {margin-top:1.2em!important;}
                      ul#smallprint {margin-bottom:.5em;}
 
 
        /* Typography */
                h2 {
                    margin-top:0.75em;
                    margin-bottom:1em;
                    font-size:1.75em;
                    line-height:1.4em;
                    }

                p {font-size:1.15em;}
                    .intro-large {margin-bottom:2.4em; font-size:1.3em; color:#606060;}
                    .slanted {margin-bottom:1em; font-size:2em; line-height:1.2em;}
 
                a.btn,
                input[type="submit"] {
                    padding-top:10px!important;
                    padding-bottom:12px!important;
                    font-weight:normal!important; 
                    line-height:1.3em!important;
                    border:0!important;
                    }


 
        /* Modal Styling */
            a.light-modal-close-icon:active {text-decoration:none;}
            .light-modal:target .light-modal-content {width:84vw;}
            .light-modal-content {max-height: calc(100vh - 80px);}
 
            .light-modal-header, .light-modal-footer {padding:8px 10px;}
                .light-modal-close-icon, .light-modal-close-btn {font-size:1.25em;}
 
            .light-modal-body {padding:10px 10px 3em;}
                form.modal-form {width:73vw!important; padding:10px 7px 7px;}
                form.modal-form fieldset {margin-bottom:.8em;}
                form.modal-form select {max-width:95.5%;}
                form.modal-form input[type="submit"] {padding-top:8px!important; padding-bottom:8px!important;}
 



        #content {margin-top:-14px; padding:0 10px;} /* increase to push down reel away from logo */
 
                .band {padding:2em; border-top-color:rgba(0,0,0, 0.1)!important;}
 
                section {margin:1em auto 4em; padding:1em .5em 0;}
                section.band {padding-top:2em; padding-bottom:6em;}
                section.b-band {padding:2em;}
                
                        #bg-img-band.auctions {background-image:url('../img/auction-room.jpg'); background-position:0 -10px;}

                        /* auction banner */
                            #auctionband {width:65%!important; min-width:350px!important; margin-top:-1em!important; margin-bottom:4em!important; padding:20px 0 35px 0!important;}
                            #auctionband h3 {font-size:1em!important;}
                            #auctionband h3 span.a1 {margin-left:-156px!important;}
                            #auctionband h3 img {top:-17px; left:43%!important;}
                            #auctionband h3 span.a2 {margin-right:-153px!important;}

                        /* auction box */
                            #auction-box h4 {font-size:1.4em!important;}


                section.parallax, div.parallax {min-height:500px; height:500px; /*border-top:1px solid rgba(0,0,0, 0.05); border-top:3px solid orange;*/}

                    .parallax.parallax-5 {/*background-image: url("../img/parallax/roundabout-small.jpg");*/ background-position:right!important;}


                    .parallax.parallax-8 {/*background-image: url("../img/parallax/roundabout-small.jpg");*/ background-position:left!important;}
                    .parallax.parallax-9 {/*background-image: url("../img/parallax/roundabout-small.jpg");*/}

                    .parallax.home1 {background-position:-265px 0!important;}
                    .parallax.home2 {background-position:left!important;}
                    .parallax.buyers1 {}
                    .parallax.buyers2 {background-position:left!important;}
                    .parallax.sellers1 {}
                    .parallax.sellers2 {background-position:right!important;}
                    .parallax.tenants1 {}
                    .parallax.tenants2 {background-position:right!important;}
                    .parallax.landlords1 {}
                    .parallax.landlords2 {background-position:right!important;}
                    .parallax.about1 {background-position:left!important;}
                    .parallax.about2 {background-position:right!important;}
                    .parallax.about3 {background-position:center!important;}
                    .parallax.conact1 {}

                 
                /* Acc */
                    .accordion-container {max-width:100%; margin:4em auto; padding:0;}
                        .acc-trigger {width:unset; padding:1em .5em;}
                         .acc-trigger h3 {font-size:1.3em; font-weight:bold}
                        .acc-content-container {padding:0;}
                            .acc-content {padding:2em 1.25em; text-align:center;}
                            .acc-content .row {padding:0;}
                                .acc-content h5 {color:#369; font-size:1.2em; line-height:1.3em;}
                                .acc-content p {font-size:1.1em;}
                                .acc-content ul, .acc-content ol {margin-left:1.75em; margin-bottom:2.5em; padding-left:0; text-align:left;}
                                .acc-content li {margin-bottom:0; padding-left:0; font-size:1em; line-height:1.4em;}
                                .acc-content li p {margin-bottom:1em;}
     
 
 
            /* Homepage */
 
                #slider-band {margin-bottom:5em!important;}
                    #slider-band .row {margin-top:-4px;}
                    .slider {height:250px;} /* height:loacted in HTML slider <script> tag */
 
                    /* slider.css overrules */
                        a.findoutmore, span.findoutmore {right:9.5%; bottom:16%; font-size:1.2em;}
                        .slider [class*="ctrl"] {top:26%; padding:90px 8px; font-size:36px;}
                        .slItem {background-position:top center!important;}
                        .ctrlNext {right:0px;}
                        .ctrlPrev {left:0px;}
                        .slDots {bottom:14px;}
                        .slDotsSingle {width:8px; height:8px;}
                        .slText {top:48%!important; padding:0 20px; font-size:1.8em;}

                        a.findoutmore,
                        span.findoutmore {padding:0;}
                        
 
                /* Accordion-Search amendments */
                    .accordion-search {}
                        .accordion-search section {top:0;}
                        .accordion-search form {}
 
                /* prop search */
                    #slider-band {
                    padding-bottom:60px!important; /* #slider-band padding-bottom equal to #mount height, approx */
                    /*background:none!important;*/
                    }

                    #propsearch-container {
                        min-width:100%; max-width:100%!important;
                        height:0;
                        }
                        #propsearch-container #mount {
                            top:4px; right:0;
                            width:100%; height:40px;
                            margin:0 auto; padding:0!important;
                            border-radius:0;
                            vertical-align:top;
                            }
                            .accordion input:checked ~ .accordion-item-content {height:368px;}
                            #search-content-buy,
                            #search-content-let,
                            .accordion-search label {background:none!important;}
 
                            #propsearch-container h3 {padding:1em 0; font-size:1.15em;}
                            #propsearch-container label {height:47px;}
                            #propsearch-container label span {padding-top:.95em;}
 
                            form.property-search-form {margin:0 15px; padding:2.3em 2.4em 2.3em;}
                                fieldset.keyword-search button {top:28px; right:44px;}

                            form.property-search-form select {background:#fff!important;}
                            
                            .property-search-form input[type="submit"] {
                                font:normal 1.15em 'Lato', Helvetica, Arial, sans-serif!important;
                                }
 
 
                #initial-container {margin-bottom:-3em; padding-bottom:1.75em;}
                    #initial-container .mp-100 {padding-bottom:3em}
                    #initial-container, #contact-box {text-align:center;}
                        #initial-container ul {margin-left:0; list-style:none;}
                        #initial-container ul li {font-weight:bold; font-size:1.15em;}
                        #initial-container img {width:60%; max-width:170px;}
                    #contact-box {padding-bottom:0;}
                        #contact-box h3 {margin-bottom:1em;}
                        /*#contact-box a.tel {font-size:2.5em; text-decoration:none; color:#a5a5a5!important;}*/
                        #contact-box a.tel {text-decoration:none;}
                        #contact-box i.fa-phone {display:none;}
                        #contact-box p {max-width:80%; margin-left:auto; margin-right:auto;}
                        #soc-small {display:none;}
                        #contact-box p.msg {display:block;}
                        #soc-message {display:block;}
 
                
                #home-second-primary-row {padding-bottom:0;}
                
                #testimonial-container {padding:.25em 0;}
                    q:before {top:40px; left:-20px;}
                    q:after {bottom:-100px; right:-6px; font-size:20em;}

                #google-reviews {font-size:95%;}
                    #testimonial-container {padding-bottom:0; background-position:center 85px;}
                    #testimonial-container::before, q::before {top:90px; left:-5px; font-size:9em;}
                    #testimonial-container::after, q::after {right:-5px; bottom:-16px; font-size:19em;}
                    .review-stars ul {border-color:#c0c0c0;}
                    .review-text {padding-top:.25em;}
 
                #tenant-services {margin-top:3em!important; padding-bottom:1.75em; padding-bottom:0;}
                    #tenant-service-options {margin-bottom:0; padding:0;}
                    #tenant-service-options div {margin-bottom:0;}
                    #tenant-service-options button {min-width:0; margin-bottom:1em;}
 
                #home-connect {padding-bottom:2em;}
 
                #shortcuts .mp-100 {margin-top:2em!important;}
                #shortcuts .mp-100:last-child {margin-top:10em!important; margin-bottom:4em !important;}
                #shortcuts h4 {font-size:1.2em;}
 
                #affiliates-container {margin-top:1.5em; padding:1em 0 0 0;}
                    #home #affiliates-container {margin-bottom:4.5em;}
                    #affiliates-container div.w-33 {min-height:0;}
                        #affiliates-container h3 {margin-bottom:.75em;}
                        #affiliates-container p {padding:0 1em .75em;}
                        #affiliates-container img {padding:0;}
                    #portals-holder {padding-top:2em;}
                        #portals .mp-33, #affiliates .mp-33 {margin-left:1.35%; margin-right:1.3%;}
                        #portals .w-33, #affiliates .w-33 {margin-bottom:.75em;}
 
 
 
            /* Sales & Rentals foundation styling */
 
                #page-toggles-container {
                    top:69px;
                    margin-top:0!important;
                    padding:0!important;
                    }
 
                    a.toggler div {min-height:200px; opacity:.65;}
                        a.toggler:focus div,
                        a.toggler:active div {opacity:1;}
 
                        .buyers-thumb {background-position-x:-31px; background-position-y:2px;}
                        .sellers-thumb {background-position-x:-111px;}
 
                        .tenants-thumb {background-position-x:-48px;}
                        .landlords-thumb {background-position-x:-79px;}
 
                    a.toggler div h2 {
                        padding-top:.2em;
                        padding-bottom:.3em;
                        font-size:2.1em;
                        font-weight:600;
                        letter-spacing:-1px;
                        background:rgba(0,0,0, 0.45);
                        }
                        a.toggler div:focus h2,
                        a.toggler div:active h2 {
                            color:#fff;
                            background:#2B4F7C;
                            border-color:#E8C85C;
                            }
 
 
 
                    .content-containers {top:286px; padding:0;}
                        @keyframes slideUp {from {top:286px;} to {top:-1500px;}}
                        @keyframes slideDown {from {top:-1500px;} to {top:286px;}}
                     
                    .introduction h2 {margin-top:0!important;}
 
                    .footerDrop {top:2530px;}
                        @keyframes footerDrop {from {top:550px;} to {top:2530px;}}
                        @keyframes footerPull {from {top:2530px;} to {top:550px;}}
 
                    #sales #affiliates-container, 
                    #rentals #affiliates-container {padding:0 .5em;}
                         
                        #sales #portals,
                        #rentals #portals {margin-bottom:0;}
 
     
                body#sales section.band,
                body#rentals section.band {margin-bottom:0; padding-top:1.7em; padding-bottom:5em;}
 
                body#sales section.latest-properties,
                body#rentals section.latest-properties {margin-bottom:0; padding-bottom:2em;}
 
                section.introduction,
                section.services,
                section.testimonials,
                section.market-comment {padding-left:1.5em; padding-right:1.5em;}
 
                    section.introduction {padding-bottom:2em;}
                        #buyers-intro .slanted,
                        #sellers-intro .slanted,
                        #tenants-intro .slanted,
                        #labdlords-intro .slanted {margin-bottom:0.5em!important;}

                    section.services {margin-bottom:0!important;}
 
                    .market-comment-container {max-width:100%; padding:2em 0 3em;}
                        .market-comment-container h3 {max-width:80%; margin-left:auto; margin-right:auto;}
 
                    .testimonial-slider-container {max-width:82%; margin-top:3em;}
                        .testimonial-slider-container .lSSlideOuter {max-width:100%; margin:0 auto;}
                        .testimonial-slider-container .lSSlideOuter .lSSlideWrapper {padding-bottom:1em;}
                        .testimonial-slider-container .lSSlideOuter .lSSlideWrapper .lSPager.lSpg {margin-top:25px!important;}
                        /*dots*/ .lSSlideOuter .lSPager.lSpg > li a {width:6px; height:6px;}
                            .testimonial-slider .lightSlider.lsGrab p, 
                            .testimonial-slider .lslide p,
                            .testimonial-slider-container p {font-size:1.2em;}
 
 
                    .property-slider-container {margin:3em auto 1em;}
                        .property-slider li {width:240px!important;}
                        .property-slider li img,
                        .property-slider div.owl-item img {height:100px;}
                        .property-slider div.owl-item span.type {min-height:37px; margin-bottom:0; padding-top:1.1em; padding-bottom:0; line-height:1.3em;}
                        .property-slider div.owl-item span.price {margin-top:0; padding-top:0;}
                        .property-slider-container .lSSlideOuter .lSAction > .lSPrev {left:0!important;}
                        .property-slider-container .lSSlideOuter .lSAction > .lSNext {right:0!important;}
 
 
 
 
            /* Sales */
 
 
 
            /* Rentals */
 
                #rentals .services {margin-bottom:4em;}
 
                #tenantfees h5 {margin-bottom:.25em;}
                #tenantfees p {margin-bottom:1.3em;}
 
                    #tenantfees>h4 {text-align:center; line-height:1.3em;}
                        #tenantfees h4:first-child {margin-top:0; margin-bottom:2em; font-weight:normal;}
                        #tenantfees h4:last-child {margin:2em auto 0 auto;}
 
                    #tenantfees>p:last-child {text-align:center;}
                    #tenantfees p + h6 {margin:4em auto; font-size:.8em; font-weight:normal; text-align:center; line-height:1.5em;}
                     
                    #tenantfees ol, #tenantfees li {text-align:left;}
                    #tenantfees li {padding-left:6px;}
 
 
                #tenant-finder, #fully-managed {padding:0; text-align:left;}
                    #tenant-finder h5 span, #fully-managed h5 span {display:block;}
                    #tenant-finder li p, #fully-managed li p {margin-bottom:.75em; font-size:100%;}
 
 
 
            /* About */
 
                #bg-img-band {height:200px;}
 
                #experience {}
 
 
                #directors {margin-bottom:4em;}
                    #directors.row {padding-left:0; padding-right:0;}
                    #directors-container {margin-top:2em; padding-left:0; padding-right:0;}
                      .director {min-height:auto; margin:0 .5em 3em 0!important; padding:1.1em 1.1em 2em;}
                        .director:last-child {margin:0 0 2em 0!important;}
                        .director img {margin-bottom:0.8em;}
                        .director h3 {font-size:1.3em; margin-bottom:1.05em;}
                        .director p {font-size:1em; line-height:1.4em; text-align:center;}
                    #directors .slanted {margin-bottom:3em;}
 
 
                #team {}
                    #team-container {margin-top:-2em;}
                    ul.staff-members {margin:auto!important; width:100%;}
                        ul.staff-members li.member {margin-bottom:15em!important; position:relative;}
                        ul.staff-members li:first-child {margin-top:190px;}
                        ul.staff-members li:last-child {margin-bottom:4em!important;}
                            ul.staff-members li.member .member-desc {
                                    z-index:9; 
                                    width:96%;
                                    margin-right:auto;
                                    margin-left:auto;
                                    margin-top:1.95em;
                                    padding:1.5em 1.3em 2em;
                                    }
                                    .member-desc h3 {font-size:1.3em;}
                                    .member-desc p {font-size:1em; line-height:1.4em;}
                                    .member-img {
                                        position:absolute;
                                        top:-110px;
                                        left:50%;
                                        z-index:10;
                                        float:none;
                                        min-width:160px;
                                        margin-left:-80px;
                                        box-shadow:0px 3px 5px rgba(0, 0, 0, 0.35);
                                        }
 
 
                #history {}
                    #timeline-container {width:100%; max-width:none; padding-bottom:2em;}
                    #timeline-container .intro {width:100%;}
                        .timeline {margin-left:1.5em;}
                        /* Place the timeline to the left */
                        .timeline::after {left:5px;}
                        /* Full-width containers */
                        .container {width:100%; margin-left:-10px; padding-right:15px;}
                        /* Make sure that all arrows are pointing leftwards */
                        .container::before {
                            left:30px;
                            border:medium solid white;
                            border-width:10px 10px 10px 0;
                            border-color:transparent #369 transparent transparent;
                            }
                        /* Make sure all circles are at the same spot */
                        .left::after, .right::after {left:15px;}
                        /* Make all right containers behave like the left ones */
                        .right {left:0%;}
 
 
                #accreditations {}
                    #acc-container {/*margin-bottom:0;*/ padding-bottom:0;}
                        ul.acc-list {margin:0px; margin-bottom:3em;}
                            ul.acc-list li {
                                width:100%;
                                display:inline-block;
                                float:left;
                                margin-bottom:2em!important;
                                }
                                ul.acc-list li:last-child {margin-bottom:0!important;}
                                ul.acc-list li span {color:#777; margin-top:0.75em; margin-bottom:2em; font-size:1.2em;}
                                ul.acc-list li a span:hover {color:#369;}
                                .fa {display:inline-block;}
 
                                ul.acc-list li img {
                                  width:60%;
                                  margin-top:2em;
                                  margin-left:auto;
                                  margin-right:auto;
                                  display:flex;
                                  align-items:center;
                                  opacity:0.35;
                                }
                                ul.acc-list li .img-black {display:block!important;}
                                .acc-video {max-height:260px;}
 
 
 
            /* Contact */
 
                #map {display:none;}
 
                #contact-info-container {height:550px; font-size:.9em;}
                    #contact-info-container #info-img {height:200px;}
 
                    #contact-info-container #tel-fullwidth {display:inherit; margin:2em auto 2.2em; color:#2B4F7C; font-weight:lighter;}
                        #contact-info-container #tel-fullwidth a {margin-left:-14px; color:#369; font-size:1.75em; text-decoration:none; vertical-align:middle;}
                        #contact-info-container #tel-fullwidth i {color:#369!important; font-size:1.05em; vertical-align:middle;}
                     
                        #contact-info-container ul i,
                        ul#opening-hours #opening-hours-title i {display:block; margin:.25em auto .4em; font-size:1.75em; text-align:center;}
 
                    #contact-info-container ul {margin-top:0; padding-left:0; text-align:center;}
 
                        ul#contact-info, ul#opening-hours {display:inline-block; vertical-align:top; float:none;}
                            #contact-info-container ul .titles {display:block; height:44px; margin:0 0 1.6em 0; font-weight:bold; line-height:1.2em;}
                             
                            ul#contact-info #tel {display:none;}
                             
                            ul#contact-info #address {margin-bottom:2em; margin-left:-15px;}
                                #contact-info-container ul #address address {padding:0;}
                                #contact-info-container ul #address address span {display:block;}
                                #contact-info-container ul #address .address-lines {padding-top:.5em; font-size:.9em; font-style:normal; line-height:1.4em;}
 
                            ul#contact-info #tel-urgent {width:245%; margin:4.2em 0 0 -10px;}
                                .urgent-container {float:left; margin-left:-1px; padding:0;}
                                .urgent-container button {padding:5px 11px 3px;}
                                ul#contact-info #tel-urgent i {display:inline-block; margin-right:10px; margin-left:0; font-size:1.4em; float:none; vertical-align:middle;}
                                .urgent-number {top:0; left:-220px; width:130px; margin-left:0; padding:10px 0 9px 10px; opacity:1;}
                                .urgent-number.expanded {top:0; left:-94px; margin-left:10px;}
 
 
                        ul#opening-hours {margin-left:-8px; padding-left:0;}
                            ul#opening-hours #opening-hours-title {display:block; height:44px; margin:0 0 1.5em 0;}
                            ul#opening-hours #opening-hours-title i {margin-bottom:.32em;}
                            ul#opening-hours .days {margin:0; font-size:.9em; line-height:1.35em;}
                            ul#opening-hours .days span {width:40px;}
                            ul#opening-hours .days:last-child {padding-bottom:1em;}
 
 
                #contact-us {margin-bottom:6em;}
                    #contact-us .intro-large {font-size:1.3em;}
 
 
                /* Contact Form styling */
                    #sales-and-rentals-form-container {width:98%; padding:0; font-size:1em;}
                        #sales-and-rentals-form-container .contact-form {/*width:100%;*/ padding:8px;}
                            #sales-and-rentals-form-container .contact-form-radio-container {/*height:38px; padding-top:10px;*/ padding-top:13px; font-size:1.15em;}
 
                            #sales-and-rentals-form-container fieldset {margin-bottom:1.5em;}
                            #sales-and-rentals-form-container input,
                            #sales-and-rentals-form-container textarea {border-radius:0;}
                            #sales-and-rentals-form-container input,
                            #sales-and-rentals-form-container select {margin:0 auto .7em!important;}
                             
                            #sales-and-rentals-form-container #sales_name, #sales-and-rentals-form-container #sales_tel,
                            #sales-and-rentals-form-container #rentals_name, #sales-and-rentals-form-container #rentals_tel {width:100%; margin-left:auto;}
                             
                            #sales-and-rentals-form-container .contact-form #rentals_postcode {width:50%;}
 
                                input.optin,
                                #sales-and-rentals-form-container input.optin {margin-top:2px!important; margin-right:9px!important;}
                                small.ppref {font-size:1.1em!important;}

                                #prob-form-submit small.ppref {margin-right:9px!important; font-size:.85em!important;}
                                
                            #sales-and-rentals-form-container input[type="submit"] {width:38%; margin-bottom:1.25em!important; padding:9px;}
 
 
                /* Connect With Us */
                    #socials #twitter-container {width:100%; max-width:310px!important; height:auto; display:none;}
                        #socials #twitter-container .twitter-timeline {height:541px!important; width:100%!important; max-width:310px!important}
                            .social-intro-and-twitter-container {margin-bottom:3.2em;}
                            .social-intro-and-twitter-container iframe {display:none;}
                            .social-intro-and-twitter-container .twitter-timeline,
                            .social-intro-and-twitter-container #tweet-btn {text-align:center; float:none;}
     
                            #twitter-widget-0 {width:100%!important; max-width:310px!important; margin-left:auto!important; margin-right:auto!important;}
     
                        #facebook-container {float:none;}
                            #facebook-container #social-profile-links {width:250px; margin:6em auto 1em!important; padding-bottom:5.5em;}
                            #facebook-container #social-profile-links li {margin-bottom:2.2%;}
                            #facebook-container #social-profile-links li:first-child {margin-left:2.1%}
                                #facebook-container #social-profile-links li a i.fa-twitter {margin-top:-2px; margin-bottom:1px; padding-top:2px;}
                            

                            #facebook-feed-triggers {margin:0 auto 1.35em auto; display:none;}
                            #facebook-feed-triggers a {
                                margin-bottom:1.1em;
                                padding:10px;
                                font-size:.9em;
                                text-align:center;
                                }
                                #facebook-feed-triggers a:last-child {margin-left:4%;}
                                #facebook-feed-triggers a i {float:none; margin:0;}
     
                            #facebook-feed-placeholder {display:none;}
 
                    /* tweaks for resp polish */
                        #home #social-profile-links {width:250px;}
                        #home #social-profile-links li {margin:.9% .8%;}
                        #home #social-profile-links li:first-child {margin-top:8px;}
                        #home #social-profile-links li:first-child a {margin-top:3px; padding:.3em .2em;}
                        /*#home #social-profile-links li:nth-child(4) {margin-left:1px;}*/

                        /* Boothy FB amendment styles */
                            #social-profile-links li.fb {
                                display:block;
                                }
                                #home #social-profile-links {width:199px}
                                #contact #social-profile-links {width:202px; margin-left:auto; margin-right:auto; text-align:center;}
                                #contact #social-profile-links li.fb {padding-left:2px;}
                                #contact #social-profile-links li a {max-width:195px;}
                                #home #social-profile-links li:nth-child(4),
                                #social-profile-links li:nth-child(4) {margin:2em .8% .9%;}
                                #social-profile-links li.fb a {margin-top:0.9%; margin-bottom:.52em; padding:.65em .5em .6em; font-size:1.1em; line-height:1.25em; text-decoration:none;}
                                #social-profile-links li.fb a i {float:left; margin-top:3px; margin-right:5px; font-size:2.85em;}
                                #social-profile-links li.fb a span.mob-only {padding:6px 0 6px; font-weight:bold; text-align:left;}



                        #home #social-profile-links,
                        #contact #facebook-container #social-profile-links {margin-bottom:0; padding-bottom:0; border-bottom:0px;}
                        #contact #facebook-container #social-profile-links {margin:2em auto 0!important;}
 
                        #home #social-container,
                        #contact #facebook-container #social-container {display:none;}
 
 

 


    }






/*  MP to TL 
    Target mobile devices ---- */

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

        .parallax {
            background-attachment:inherit!important;
            background-position:center center!important;
            overflow:hidden;
            }


    }