.pg {
    /* text-shadow: 0 1px 0 rgba(255, 255, 255, .5); */
    /* font-family: Impact, Charcoal, sans-serif;*/
    /*font-family: Georgia, serif;*/
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    height: 100%;
    box-sizing: border-box;
    line-height: normal;
}

.titleImg {
    z-index: 99;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 35%;
}
.titleImgImg {
    width: 100%;
    padding: 0.25em;
    background-color: white;
}

.titleBtns {
    z-index: 100;
    position: absolute;
    top: 2.0em;
    float: right;
    right: 2.0em;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.titleEnd {
    clear: both;
}

.titleHeading {
    position:relative;
    top: 25%;
    left: 2.5em;
}

.titleHeading > div:nth-of-type(1) {
    font-size: 2.5em;
}

.titleHeading > div:nth-of-type(2) {
    font-size: 4.2em;
    font-weight: 800;
}

.titleHeading > div:nth-of-type(3) {
    font-size: 2.5em;
}

/* button - see http://www.webdesignerwall.com/demo/css-buttons.html
---------------------------------------------- */
.button {
        display: inline-block;
        zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
        *display: inline;
        vertical-align: baseline;
        margin: 0 2px;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        /*
        font: 14px/100% Arial, Helvetica, sans-serif;
        */
        padding: .5em 2em .55em;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-border-radius: .5em; 
        -moz-border-radius: .5em;
        border-radius: .5em;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
        text-decoration: none;
}
.button:active {
        position: relative;
        top: 1px;
}

.bigrounded {
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
}
.medium {
        /*font-size: 12px;*/
        padding: .4em 1.5em .42em;
}
.small {
        /*font-size: 11px;*/
        padding: .2em 1em .275em;
}            

/* blue */
.blue {
        color: #d9eef7;
        border: solid 1px #0076a3;
        background: #0095cd;
        background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
        background: -moz-linear-gradient(top,  #00adee,  #0078a5);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top,  #0095cc,  #00678e);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
        color: #80bed6;
        background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
        background: -moz-linear-gradient(top,  #0078a5,  #00adee);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}        

/* orange */
.orange {
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}            

/* green */
.green {
        color: #e8f0de;
        border: solid 1px #538312;
        background: #64991e;
        background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
        background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
        background: #538018;
        background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
        background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
        color: #a9c08c;
        background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
        background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}            


/* panels below
---------------------------------------------- */
.thePanels {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.leftPanel {
    background-color: #13b6ea;
    padding: 1em 1em 0em 1.5em; /* top right bottom left */
}

.middlePanel {
    background-color: #dde2e5;
    padding: 1em 1em 0em 1.5em; /* top right bottom left */
}

.rightPanel {
    background-color: white;
    overflow: scroll;
    padding: 1em 1em 0em 1.5em; /* top right bottom left */
}            

/* panel fonts etc
---------------------------------------------- */
.fontTitle {
    font-size: 1.65em;
    color: #004a8d;
}
.fontMedium {
    font-size: 1.35em;
}
.fontSmall {
    font-size: 0.9em;
}
.fontVerySmall {
   font-size: 0.7em; 
}
.fontBold {
    font-weight: 800;
}
.fontCentered {
    text-align: center;
}
.fontWhite {
    color: white;
}
.fontGrey {
    color: #34485a;                
}
.fontNavy {
    color: #004a8d;
}


/* panel content margins
---------------------------------------------- */
.marginTop {
    margin-top: 0.3em;
}           
.marginTopBig {
    margin-top: 0.6em;
}
.marginLeft {
    margin-left: 0.5em;
}
.reviewPanel {
    margin-top: 1.0em;
    border-top: thin solid silver;
    padding-top: 0.5em;
}
.reviewPanel > div {
    margin-top: 0.3em;
}

/* modal box
---------------------------------------------- */
.modal-box {
    background-color: #FFF;
    border: #000 solid 1px;
    border-radius: 10px;
    box-shadow: 0 8px 6px -6px black;
    text-align: left;
    display: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.modal_close {
    position: absolute;
    top: 15px;
    right: 15px;
    text-decoration: none;
    font: Arial, Helvetica, sans-serif;
    color: gray;
}

.modal_title {
    padding: 0px 20px 15px 20px;
    line-height: 18px;
    font-size: 18px;
    border-bottom: #CCC solid 1px;
}

.modal_text {
    padding: 0 20px 20px 20px;
}

#loginBox {
    width: 40%;
}

#agentsCnr {
    width: 70%;
}

#contactBox {
    width: 60%;
}

#moreInfoSales, #moreInfoPurch {
    width: 70%;
}

/* tables in divs
---------------------------------------------- */
.rTable { display: table; width: 100%; border-spacing: 0 0.2em;} 
.rTableRow { display: table-row; padding-bottom: 1em;} 
.rTableHeading { display: table-header-group; } 
.rTableBody { display: table-row-group; } 
.rTableFoot { display: table-footer-group; } 
.rTableCell, .rTableHead { display: table-cell; vertical-align: top;}
    .rTableCellVertMidl {
         vertical-align: middle;
    }
    .rTableTopMgn {
        margin-top: 8px;
    }

/* login box
---------------------------------------------- */
.userCap {
    width: 35%;
}
.userInput {
    flex: 1 0 auto;                
}

/* agents corner
---------------------------------------------- */
.agentLeftTitle {
    padding-right: 25px;
}
.agentClsTyp {
    flex: 1 0 auto;                
}

/* contact us  box 
---------------------------------------------- */
.contact-blue {color:#1834E7;text-decoration: none;}
.contact-container {
    color:#2DD402;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;}
.contact-item {flex-basis: 250px;/*content */margin:5px;font-size: 15px;list-style-type: none;}
.contact-detail {color:#2DD402;list-style-type:none;display:none;}
.contact-details {list-style-type: none;}
.postcode {flex-basis: 750px; list-style-type: none; color: #1834E7;}
#pcode {
    height: 50px;
    border-radius: 0px;
    border: 0px solid;
    color:black;
    background-color: #FFE800;
}