html {
    min-height: 100%;
}


html, body {
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #8f9194;
    color: #ffffff;
    font-family: 'cabrito_sans_norm_regulnormRg', sans-serif;
    font-size: 13px;
}

h1 {
    font-size: 35px;
    font-weight: normal;
    font-family: 'cabrito_sans_norm_boldnormBd', sans-serif;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 16px;
    font-weight: normal;
    font-family: 'cabrito_sans_norm_boldnormBd', sans-serif;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #f26522;
}

h3 {
    font-size: 13px;
    font-weight: normal;
    font-family: 'cabrito_sans_norm_boldnormBd', sans-serif;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

hr {
    border-top: 4px solid #ffffff;
}

a {
    color: #ffffff;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #ffffff;
        text-decoration: underline;
    }

p strong {
    font-family: 'cabrito_sans_norm_boldnormBd', sans-serif;
}


.text-danger {
    color: #f26522;
}

.border-top {
    border-top: 4px solid #ffffff;
    padding-top: 10px;
}

/* ---- Background ---- */

.background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

    .background > div {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
    }

        .background > div.active {
            z-index: 3;
        }

/* ---- Section ---- */

section {
    position: relative;
    margin: 0;
    padding: 0px 45px 0px 45px;
    width: 100%;
}

/* ---- Nav Default ---- */

.navbar-default {
    background-color: transparent;
    border: none;
    padding: 60px 45px;
    z-index: 10;
}

    .navbar-default .navbar-nav > li > a {
        color: #000000;
        text-transform: uppercase;
        font-family: 'cabrito_sans_norm_boldnormBd', sans-serif;
        font-weight: normal;
        font-size: 11px;
        padding-right: 0;
    }




    .navbar-default .navbar-brand {
        height: auto;
    }

        .navbar-default .navbar-brand img {
            height: 50px;
        }

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active {
        color: #ffffff;
    }

    .navbar-default .navbar-collapse.in {
        background-color: rgba(0, 0, 0, 0.7);
    }

/* ---- Footer ---- */

.footer {
    width: 100%;
    padding: 30px 45px;
    height: 30px;
}

    .footer .copyright {
        font-size: 10px;
    }

/* ---- Nav Footer ---- */

.nav-footer {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .nav-footer li {
        display: inline-block;
    }

        .nav-footer li a {
            display: inline-block;
            padding: 0 10px;
            color: #ffffff;
            font-size: 10px;
            text-transform: uppercase;
            font-family: 'cabrito_sans_norm_regulnormRg', sans-serif;
            border-left: 1px solid #ffffff;
        }

        .nav-footer li:first-child a {
            border-left: none;
            padding-left: 0px;
        }

    .nav-footer a:hover, .nav-footer a:focus {
        text-decoration: none;
        color: #000000;
    }


/* ---- Block ---- */

.block {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 40px;
    position: relative;
}

    .block.alt, .block.alt-2, .block.alt-3 {
        padding: 20px;
    }


    .block.padding-right {
        padding-right: 80px;
    }

    .block .top-frame {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 145px;
        border-left: 4px solid #ffffff;
        border-top: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
    }

    .block.alt .top-frame {
        border-color: #f26522;
    }

    .block.alt-3 .top-frame {
        border-color: transparent;
    }

    .block .bottom-frame {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 145px;
        border-left: 4px solid #ffffff;
        border-bottom: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
    }

    .block .icon-crane {
        position: absolute;
        right: 20px;
        bottom: 20px;
        height: 100px;
    }

    .block .icon {
        position: absolute;
        right: 20px;
        top: 20px;
        height: 75px;
    }

    .block.alt-2 .icon {
        position: relative;
        right: auto;
        top: auto;
        float: right;
        margin-right: -60px;
        margin-left: 10px;
        height: 50px;
    }

    .block h2 {
        min-height: 125px;
    }

    .block p.title {
        min-height: 125px;
        padding-right: 100px;
    }

    .block h2.active, .block h2.inactive {
        min-height: 55px;
        margin-bottom: 70px;
    }

    .block h2.active {
        border-bottom: 4px solid #ffffff;
    }

        .block h2.active a {
            color: #ffffff;
        }

    .block h2.inactive a {
        color: #878382;
    }

        .block h2.active a:hover, .block h2.inactive a:hover {
            text-decoration: none;
            color: #ffffff;
        }

/* ---- Forms ---- */

.btn {
    background-color: transparent;
    text-transform: uppercase;
    color: #ffffff;
    width: 100%;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    font-family: 'cabrito_sans_norm_boldnormBd', sans-serif;
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 20px;
    border: 1px solid #ffffff;
}

    .btn:hover, .btn:focus {
        background-color: #ffffff;
        color: #000000;
        box-shadow: none;
        -moz-box-shadow: none;
        border: 1px solid #ffffff;
    }

    .btn.btn-primary {
        border-color: #f26522;
        color: #f26522;
        background-color: #ffffff;
    }

        .btn.btn-primary:hover, .btn.btn-primary:focus {
            border-color: #000000;
            color: #000000;
        }

.form-control {
    border-radius: 0;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    background-color: #ffffff;
    color: #000000;
}

.form-group {
    padding: 0;
    margin: 0;
    padding-top: 2px;
}

/* ---- Box ---- */

.box.white {
    background-color: #ffffff;
    padding: 60px 80px 26px 20px;
}

/* ---- Table ---- */

.table {
    border: 4px solid #f26522;
}

    .table > tbody > tr > th {
        font-family: 'cabrito_sans_norm_boldnormBd', sans-serif;
        font-weight: normal;
        border-bottom: 1px solid #f26522;
    }

    .table > tbody > tr > td {
        border: none;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 5px 10px;
    }


/* ---- Map ---- */

.map-holder {
    min-width: 400px;
    min-height: 400px;
}

.map {
    width: 400px;
    height: 386px;
    margin: 0 auto;
    position: relative;
    margin-top: 14px;
}

    .map img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .map #image-map-main {
        left: 0;
        top: 0;
    }

    .map .options {
        display: none;
    }

    .map.active .options {
        display: block;
    }

/* ---- Btn Holder ---- */

.block .btn-holder {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
}

    .block.alt .btn-holder, .block.alt-2 .btn-holder {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }


    .block.padding-right .btn-holder
    .block.alt.padding-right .btn-holder,
    .block.alt-2.padding-right .btn-holder {
        right: 80px;
    }

/* ---- Gallery ---- */

.gallery img {
    width: 100%;
    margin-bottom: 10px;
}

.gallery {
    padding: 10px;
}

.gallery .col-sm-6 {
    padding-left: 5px;
    padding-right: 5px;
}