@import url("forms.css");
@import url("pricelist.css");

body {
    background-color: #d3e8ed;
    color: #535d5e;
}

h1, h2, h3, h4, h5, h6 {
    color: #0b9cad;
}

blockquote {
    color: #b5a043;
    color: #0b9cad;
    font-size: 100%;
    max-width: 340px;
    margin: 0 auto;
}

    .container {
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.2);
    }
            #header-area {
                padding: 25px 15px;
            }

				#content .center {
					text-align: center !important;
				}
				                
                @media screen and (max-width: 992px) { 
                    img.logo {
                        display: block;
                        margin: auto;
                    }
                }

                p.address {
                    font-size: 16px;
                }
                    
                p.tel-no {
                    color: #0b9cad;
                    font-size: 30px;
                }
                        @media screen and (max-width: 992px) { 
                            p.tel-no {
                                display: none;
                            }
                        }
                #header-links {
                    color: #b5a043;
                    margin-bottom: 15px;
                }   
                    #header-links > li {
                        border-right: 1px solid #b5a043;
                        padding-left: 10px;
                        padding-right: 10px;
                    }
                    #header-links > li:last-child {
                        border-right: none;
                        padding-right: 0;
                    }
                        @media screen and (max-width: 992px) { 
                            #header-links {
                                text-align: center;
                                margin: 0;
                                padding: 0;
                            }
                        }
                    #header-links > li > a {
                        color: #b5a043;
                    }
                    #header-links > li > a:hover {
                        color: #4a4a4a;
                        text-decoration: none;
                    }

            .navbar-default {
                background-color: #0b9cad;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                color: #fff;
                margin: 0 -15px;
                text-transform: capitalize
            }
                .navbar-default  .navbar-nav > li > a {
                    color: #fff;
                    font-size: 16px;
                }
                .navbar-default  .navbar-nav > li > a:hover {
                    color: #136b77;
                }
                .navbar-default  .navbar-nav > li > a:hover,
                .navbar-default  .navbar-nav > li > a:focus,                
                .navbar-default  .navbar-nav > li > a:active,                
                .navbar-default  .navbar-nav > li > a.active {
                    background-color: #136b77;
                    color: #fff;
                }
                .navbar-default .navbar-toggle .icon-bar {
                    background-color: #fff;
                }
                .navbar-default .navbar-toggle:focus,
                .navbar-default .navbar-toggle:hover {
                    background-color: #136b77;
                }



            #body-area {
                padding: 50px 0;
            }   
                #body-area .aside {
                    padding: 0 15px;
                }
                #body-area #content-area img {
                    height: auto;
                    max-width: 100%;
                }

                #body-area #content-area h1 {
                    font-weight: 400;
                }
                #body-area #content-area h1:first-of-type {
                    margin-bottom: 1em;
                    margin-top: 0;
                    padding-top: 0;
                }
                #body-area #content-area a {
                    color: #4a4a4a;
                    font-weight: bold;
                }
                #body-area #content-area ul,
                #body-area #content-area ol {
                    margin-left: 1em;
                    padding-left: 0;
                }
                #googlemap {
                    margin:2em 0;
                }
                #googlemap-print {
                    display:none;
                }
                #body-area #content-area ul.open, 
                #body-area #content-area ul.closed  {
                    list-style: none;
                    margin-left: 0;
                    padding-left: 0;
                }
                ul.open h3, ul.closed h3 {
                    color: #4a4a4a;
                    display: inline-block;
                    font-size: 16px;
                    line-height: 1.42857143;
                    margin: 0;
                }
                p span.h2,
                p.address span {
                    display: block;   
                }
                p span.h2 {
                    color: #4a4a4a;
                    font-size: 16px;
                }
                #body-area #content-area ul.gallery-group {
                    margin-left: 0;
                }
                #body-area #content-area ul.list-group {
                    margin-left: 0;
                }

                ul.gallery-group {
                    clear: both;
                    list-style: none;
                    margin-bottom: 2em;
                    margin-left: 0;
                    padding-left: 0;
                }
                ul.gallery-group li {
                    border: 1px solid #e4e4e4;
                    float: left;
                    padding: 1%;
                    margin: 0 1% 1% 0;
                    width: 24%;
                }
                ul.gallery-group img {
                    height: 100%;
                    width: 100%;
                }



                p.updated {
                    clear: both;
                    display: block;
                    margin-top: 2em;   
                }
                


                #body-area .aside blockquote {
                    border-left: none;
                    font-size: 14px;
                    margin-top: 4.5em;
                }
                        @media screen and (max-width: 992px) { 
                            #body-area .aside blockquote {
                                margin-top: 0;
                                text-align: center;
                            }
                        }

                
            



                #body-area .aside h3.menu-title {
                    background-color: #e4e4e4;
                    border-right: 5px solid #0f9bac;
                    color: #4a4a4a;
                    font-size: 16px;
                    margin-top: 0;
                    padding: 0.75em;
                }
                
                #body-area .aside ul li a{
                    color: #408783;
                    text-decoration: none;
                }
                #body-area .aside ul li a:hover{
                    color: #4a4a4a;
                }

                        @media screen and (max-width: 992px) { 
                            #body-area .aside ul {
                                margin-left: 0;
                                margin-right: 0;
                                padding-left: 0;
                                padding-right: 0;
                            }
                            #body-area .aside ul li {
                                border-right: 5px solid #0f9bac;
                                float: left;
                                list-style: none;
                                margin-bottom: 3px;
                                margin-right: 3px;
                                width: 32.91%;
                            }
                            #body-area .aside ul#sidemenu li a {
                                background-color: #e4e4e4;
                                color: #4a4a4a;
                                display: block;
                                height: auto;
                                padding: 0.75em;
                                width: auto;
                            }
                            #body-area .aside ul#sidemenu li.selected a,
                            #body-area .aside ul#sidemenu li a:hover,
                            #body-area .aside ul#sidemenu li a:focus,
                            #body-area .aside ul#sidemenu li a:active {
                                background-color: #4a4a4a;
                                color: #fff;
                                display: block;
                                height: auto;
                                width: auto;
                            }
                        }
                        @media screen and (max-width: 768px) { 
                               #body-area .aside ul#sidemenu li {
                                     width: 49.38%;
                                }
                        }
                         @media screen and (max-width: 480px) { 
                               #body-area .aside ul#sidemenu li {
                                     width: 100%;
                                }
                        }


            #footer-area {
                /* background-color: #e4e4e4; */
                border-top: 5px solid #e4e4e4;
                padding-bottom: 2em;
                padding-top: 2em;
            }
                #footer-area ul li {
                    color: #408783;
                    text-align: center;
                }
                    #footer-area ul li a{
                        color: #b5b5b5;
                        text-decoration: none;
                    }
                    #footer-area ul li a:hover{
                        color: #4a4a4a;
                    }
                #footer-area p, #footer-area ul {
                    color: #b5b5b5;
                    text-align: center;
                }
                #footer-area a {
                    color: #b5b5b5;
                    text-align: center;
                }
                #footer-area a:hover {
                    color: #4a4a4a;
                    text-decoration: none;
                }