﻿body {
}

@font-face {
    font-family: BTitr;
    src: url(font/BTITRBD.TTF);
}

h1, h2, h3, h4, h5 {
    font-family: BTitr;
}

.Dark-Grey-Section {
    background-color: #383836;
    color: #b1b4b3;
}

    .Dark-Grey-Section h3 {
        color: white;
    }

.Red-Section {
    background: #d46072;
}

.Page-Width {
    max-width: 1080px;
    margin: 0px auto;
}

.Red-Section a {
    color: white;
}

    .Red-Section a:hover {
        text-decoration: none;
        color: black;
    }

.ul-Style {
    list-style-type: none;
}

.li-Style {
    margin-top: 8px;
}

.page-title {
    z-index: 5;
    width: 200px;
    margin: -39px auto;
    margin-bottom: 0px;
    color: white;
    font-size: 26px;
    text-align: center;
    height: 60px;
}

#map {
    width: 1080px;
    height: 300px;
    margin: 0px auto;
}

/* Back to Top */

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 20px; /* padding from the left side of the window */
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 50px; /* height of link element */
    right: 20px; /* padding from the left side of the window */
}

/*---------------------------------------------------------------------------*/
/*Home Page*/
.Logo {
    max-height: 128px;
}

#Header {
    padding: 29px 0 29px;
}

.MenuOnTop {
    z-index: 999;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    padding-top: 15px;
    transition: all;
    text-align: center;
    background-color: white;
}

.nav-center {
    text-align: center;
}

    .nav-center ul.nav {
        display: inline-block;
    }

        .nav-center ul.nav li {
            display: inline-block;
        }

            .nav-center ul.nav li > a {
                float: right;
            }

#myCarousel {
    margin-bottom: 0px;
    margin: 0 auto;
}


.carousel-caption {
    text-align: center;
}

    .carousel-caption a {
        color: #d46072;
        font-size: 20px;
        padding: 40px;
    }

        .carousel-caption a:hover {
            text-decoration: none;
            color: #808080;
        }

.Carousel-hr {
    border-top: 6px solid #383837;
    width: 1080px;
    margin: 0 auto;
}

.Box {
    display: inline-block;
    width: 180px;
    border-left: 1px solid #4f4f4f;
    padding: 40px 10px 40px 10px;
    margin: 0px;
    text-align: center;
}

    .Box:before {
        content: '';
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

.Box-txt {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 15px;
    font-family: BTitr;
    font-size: 18px;
    color: white;
    line-height: 40px;
}

.Box:hover {
    background: #4f4f4f;
    color: #d46072;
}

#BoxRow {
    margin: 0px;
}

#MainProducts {
    text-align: center;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 45px;
}

#Products-Crousal {
    margin: 0px auto;
    border: 1px solid white;
}

.MC {
    display: inline-block;
    max-width: 230px;
    padding: 10px;
}

#Services {
    text-align: center;
}


.ServiceBlock {
    display: inline-block;
    text-align: justify center;
    max-width: 350px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 25px;
}

#Services a {
    color: white;
}

    #Services a:hover {
        color: #d46072;
        text-decoration: none;
    }

#Footer {
    background-color: #494947;
    color: #d46072;
    text-align: center;
    min-height: 160px;
    padding-top: 40px;
    padding-bottom: 20px;
    margin: 0px auto;
    line-height: 25px;
    border-bottom: 1px solid #808080;
}

.Footer-Header {
    font-family: BTitr;
    font-size: 18px;
    color: white;
}

.FooterMenu {
    display: inline-block;
    background-color: #494947;
    max-width: 260px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
}

    .FooterMenu h3 {
        color: white;
    }

    .FooterMenu a, #Footer_Logo a:hover, #Address a {
        color: #d46072;
    }

        .FooterMenu a:hover, #Footer_Logo a, #Address a:hover {
            text-decoration: none;
            color: #808080;
        }

#Address {
    display: inline-block;
    color: white;
    font-size: 16px;
    max-width: 300px;
    text-align: justify;
    margin-right: 30px;
}

#Footer_Logo {
    background-color: #494947;
    padding: 20px;
    color: #808080;
}

/*--------- Products ------------*/
.product {
    margin: 20px;
    line-height: 25px;
    overflow: auto;
    zoom: 1;
}

.product-img {
    width: 300px;
    float: left;
    margin-right: 20px;
}

.product a {
    float: left;
}

    .product a, a:visited, .ul-Style a {
        color: #d46072;
    }

        .product a:hover, .ul-Style a:hover {
            color: #808080;
        }
