/* Sticky footer styles
-------------------------------------------------- */

.full {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

body,
html {
    height: 100%;
    width: 100%;
    cursor: url(../img/cursor.png), auto;
}


@media (max-width: 1200px) {
    body {
        width: 100%;
    }
}

.footer {
    font-size: 16px;
    background-color: rgba(199, 233, 255, 0.8);
}

.footer-top-border {
    border-top: 5px solid #006CB0;
    padding-bottom: 10px;
}

.content {
    color: #fff;
    padding-bottom: 10px;
}

#map-canvas {
    width: 100%;
    height: 300px;
}
#map, #mapa, #mapb {
    width: 100%;
    height: 300px;
}
.btn-enquiry:hover {
    color: #337AB7;
}

.menu-bg {
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35) inset;
    text-shadow: 0px 1px 1px #555;
    background-color: #23ABD5;
    background-image: linear-gradient(to bottom, #23ABD5, #0A82C5);
}

.text-white {
    color: #fff;
}

.centered {
    margin: 0px auto;
}

@media screen and (max-width: 768px) {
    .caption p {
        font-size: 30px;
        line-height: 35px;
    }
}

#social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

#social {
    -webkit-transform: scale(0.8);
    /* Browser Variations: */

    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
/* 
    Only Needed in Multi-Coloured Variation 
*/

.social-fb:hover {
    color: #3B5998;
}

.social-tw:hover {
    color: #4099FF;
}

.social-gp:hover {
    color: #d34836;
}

.social-em:hover {
    color: #f39c12;
}

#enquiry {
    background-color: rgba(0, 0, 0, 0.56)
}

.nav-sidebar {
    width: 100%;
}

.nav-sidebar a {
    color: #fff;
    -webkit-transition: all 0.08s linear;
    -moz-transition: all 0.08s linear;
    -o-transition: all 0.08s linear;
    transition: all 0.08s linear;
}

.nav-sidebar .active a {
    cursor: default;
    background-color: #006CB0;
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.nav-sidebar .active a:hover {
    background-color: #006CB0;
}

.nav-sidebar .text-overflow a,
.nav-sidebar .text-overflow .media-body {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.productbox {
    padding: 10px;
    margin-bottom: 10px;
}

.producttitle {
    font-weight: bold;
    padding: 5px 0 5px 0;
    font-size: 14px;
    text-align: center;
}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #no-more-tables tr {
        border: 1px solid #ccc;
    }
    #no-more-tables td {
        /* Behave  like a "row" */

        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    #no-more-tables td:before {
        /* Now like a table header */

        position: absolute;
        /* Top/left values mimic padding */

        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /*
        Label the data
    */

    #no-more-tables td:before {
        content: attr(data-title);
    }
}
.text-style{
    text-align: justify;
}
.img-responsive{
    border-radius: 24px;
    border: solid 4px rgba(0, 0, 0, 0.6);
}