* Vertical Offset Top */
.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
.vert-offset-top--12{
    margin-top: -12em;
}
.vert-offset-top--11{
    margin-top: -11em;
}
.vert-offset-top--10{
    margin-top: -10em;
}
.vert-offset-top--9{
    margin-top: -9em;
}
.vert-offset-top--8{
    margin-top: -8em;
}
.vert-offset-top--7 {
    margin-top: -7em;
}
.vert-offset-top--6{
    margin-top: -6em;
}
.vert-offset-top--5{
    margin-top: -5em;
}
.vert-offset-top--4{
    margin-top: -4em;
}
.vert-offset-top--3{
    margin-top: -3em;
}
.vert-offset-top--2{
    margin-top: -2em;
}
.vert-offset-top--1{
    margin-top: -1em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}

.jumbotron.main {
    background-color: black;
    background: url(/assets/images/banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#navbar img.pull-left {
    max-height:50px;
    padding-right:10px;
}

.content-flags {
    background: #507b64;
    padding: 10px 0;
}

.content-flags img {
    height: 15px;
    width: 100%;
}

.jumbotron {
    margin-bottom: 10px;
}

div.desc{
    background-color: #000;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}

.fix{
    width: 100%;
    padding: 0px;
}

a.homeBoxLink {
    position: relative;
    display: block;
}

.carousel-caption a.homeBoxLink {
    color: #fff;
}

ul.B_crumbBox {
    padding-left: 0;
}

ul.B_crumbBox li {
    display: inline;
}

.grid-caption {
    position: absolute;
    right: 14px;
    bottom: 28px;
    left: 14px;
    z-index: 10;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(41, 80, 121, 0.7);
}

.grid-caption a {
    color: #fff;
}

.grid-caption a h3 {
    margin-top: 10px;
}

.for-mobile {
    display: none;
}

.letter-spacing-short {
    letter-spacing: -7px
}

.carousel-control .glyphicon-menu-right, .carousel-control .icon-next {
    margin-right:-10px;
}

.carousel-control .glyphicon-menu-left, .carousel-control .icon-next {
    margin-left:-10px;
}

.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px
}

.carousel-control .glyphicon-menu-right, .carousel-control .icon-next {
    right: 50%;
}

.carousel-control .glyphicon-menu-right.two, .carousel-control .icon-next {
    right: 57%;
}

.carousel-control .glyphicon-menu-left, .carousel-control .icon-next {
    left: 50%;
}

.carousel-control .glyphicon-menu-left.two, .carousel-control .icon-next {
    left: 57%;
}

.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

@media (max-width: 767px) {
    div.navbar img.pull-left {
        float: none;
    }

    ul.nav {
        clear: both;
    }

    .dropdown-menu {
        display: block;
        float: none;
        left: auto;
        top: auto;
        position: inherit;
        background: none;
        border: none;
        font-size: 12px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .for-mobile {
        display: block;
    }

    .for-desktop {
        display: none;
    }

    img.for-mobile {
        max-width: 50%;
    }
}