.hero-unit img {
    width: 100%;
    height: auto;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.main {
    margin: 20px auto;
    max-width: 100%;
}

    .main p {
        color: #fff;
        text-align: left;
        font-size: 16px;
        /* line-height: 180%; */
        font-weight: 100;
        margin-bottom: 5px;
    }

/* ALL DEMO */
.demo5 body {
    width: 100%;
    min-height: 100%;
    position: absolute;
}

.demo2 .bg {
    width: 800px;
    height: 500px;
    margin: auto;
}

.demo3 .bg {
    width: 800px;
    height: 500px;
    margin: auto;
}

.demo4 .container {
    text-align: center;
}

.demo4 .bg {
    width: 400px;
    height: 400px;
    display: inline-block;
}

.demo1 .bg {
    width: 100%;
    height: 600px;
    /*width: 1100px;
                height: 760px;*/
    margin: auto;
    zoom: 1;
}


.demo5 .bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.demo5 .nav-top, .demo5 .header, .demo5 .menu {
    position: relative;
}

.demo5 .header {
    color: white;
}

.demo5 .ibg-bg {
    position: absolute;
}

.main .bg-caption {
    position: absolute;
    width: 100%;
    padding: 12px;
    /* background: rgba(0, 0, 0, 0.7); */
    /*background: rgba(59, 58, 57,0.8);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    left: 0;
    top: 0;
    /*display: block;*/
    z-index: 3;
    display: inline-block;
}

.main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background-color: #333333;*/
    background: rgba(59, 58, 57,0.8);
}

.main li {
    float: left;
    padding: 14px;
}

    .main li:hover {
        background-color: #111111;
    }

    .main li a {
        display: block;
        color: white;
        text-align: center;
        /*padding: 16px;*/
        text-decoration: none;
        font-size: 18px;
    }

        .main li a:hover {
            background-color: #111111;
        }

.mactive {
    /*background-color: #000;*/
    border-bottom: 2px solid #fff;
}

.nav-width {
    width: 100% !important;
}

.item-display-no {
    display: none !important;
}

.item-display-no {
    display: inline;
}

.nav-control.left {
    background-repeat: repeat-x;
    /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
}

.nav-control.right {
    right: 0;
    left: auto;
    background-repeat: repeat-x;
    /*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
}

.nav-control {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(234, 114, 114, 0);
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: pointer;
}

    .nav-control .glyphicon-chevron-left, .nav-control .icon-prev, .nav-control .glyphicon-circle-arrow-left {
        margin-left: -10px;
    }

    .nav-control .glyphicon-chevron-left, .nav-control .glyphicon-chevron-right, .nav-control .icon-next, .nav-control .icon-prev, .nav-control .glyphicon-circle-arrow-left, .nav-control .glyphicon-circle-arrow-right {
        /*width: 30px;
                height: 30px;
                margin-top: -10px;
                font-size: 30px;*/
        width: 40px;
        height: 40px;
        margin-top: -10px;
        font-size: 20px;
        background-color: #464646;
        /*background-color: rgba(234, 114, 114, 0);*/
        padding-top: 8px;
    }

.panel {
    background-color: transparent;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #626160;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #fff;
    /*background-color: #FAFAFA;
            border-color: #EEEEEE;*/
    background: rgba(59, 58, 57,0.8);
}

.panel-title {
    font-size: 16px;
}

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

.more-less {
    float: right;
    color: #d4d4d4;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff;
    background: rgba(59, 58, 57,0.8);
    color: #fff;
}

.panel-title > a:focus, .panel-title > a:hover {
    color: #fff;
}

.anc-plain-coll {
    color: #f9dcba;
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

.breadcrumb {
    margin-bottom: 0px;
}

@media only screen and (min-width: 320px) {
    .main .ItemDesc {
        position: absolute;
        top: 20%;
        width: 70%;
        left: 20%;
    }

    .pTop {
        min-height: 20px;
    }

    .main .ItemNumber {
        position: absolute;
        bottom: 5%;
        width: 20%;
        left: 40%;
        background: rgba(59, 58, 57,0.6);
    }

        .main .ItemNumber p {
            color: #fff;
            text-align: center;
            margin-top: 0;
            margin-bottom: 0;
            border: 2px solid #252323;
        }

    .touchHgt {
        padding-top: 20%;
    }
}

@media only screen and (min-width: 480px) {
    .main .ItemDesc {
        position: absolute;
        top: 20%;
        width: 65%;
        left: 25%;
    }

    .pTop {
        min-height: 20px;
    }

    .main .ItemNumber {
        position: absolute;
        bottom: 5%;
        width: 8%;
        left: 45%;
        background: rgba(59, 58, 57,0.6);
    }

        .main .ItemNumber p {
            color: #fff;
            text-align: center;
            margin-top: 0;
            margin-bottom: 0;
            border: 2px solid #252323;
        }

    .touchHgt {
        padding-top: 20%;
    }
}

@media only screen and (min-width: 768px) {
    .main .ItemDesc {
        position: absolute;
        top: 20%;
        width: 40%;
        left: 50%;
    }

    .pTop {
        min-height: 30px;
    }

    .main .ItemNumber {
        position: absolute;
        bottom: 5%;
        width: 8%;
        left: 45%;
        background: rgba(59, 58, 57,0.6);
    }

        .main .ItemNumber p {
            color: #fff;
            text-align: center;
            margin-top: 0;
            margin-bottom: 0;
            border: 2px solid #252323;
        }

    .touchHgt {
        padding-top: 20%;
    }
}

@media only screen and (min-width: 992px) {
    .main .ItemDesc {
        position: absolute;
        top: 20%;
        width: 30%;
        left: 60%;
    }

    .pTop {
        min-height: 20px;
    }

    .main .ItemNumber {
        position: absolute;
        bottom: 5%;
        width: 8%;
        left: 45%;
        background: rgba(59, 58, 57,0.6);
    }

        .main .ItemNumber p {
            color: #fff;
            text-align: center;
            margin-top: 0;
            margin-bottom: 0;
            border: 2px solid #252323;
        }

    .touchHgt {
        padding-top: 0%;
    }
}

@media only screen and (min-width: 1200px) {
    .main .ItemDesc {
        position: absolute;
        top: 20%;
        width: 25%;
        left: 65%;
    }

    .pTop {
        min-height: 20px;
    }

    .main .ItemNumber {
        position: absolute;
        bottom: 5%;
        width: 8%;
        left: 45%;
        background: rgba(59, 58, 57,0.6);
    }

        .main .ItemNumber p {
            color: #fff;
            text-align: center;
            margin-top: 0;
            margin-bottom: 0;
            border: 2px solid #252323;
        }

    .touchHgt {
        padding-top: 0%;
    }
}

.full-screen {
    background-color: #000;
}

.fclose {
    font-size: 34px !important;
    color: #e1daa8 !important;
}

.ItemDesc .fa {
    opacity: 0.7;
}

.bgrp-active {
    background: rgba(212, 212, 212, 0.5);
}

.item-move {
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #5f5549;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=90);
    opacity: .9;
}

.navbar-default .navbar-header .navbar-brand {
    margin-left: 0px;
}

@media only screen and (min-width: 768px) {
    .hText {
        font-size: 26px;
    }
}

@media only screen and (min-width: 992px) {
    .hText {
        font-size: 32px;
    }
}

.img-responsive {
    display: inline;
}

/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
    left: -12px;
}

    .carousel-control.right {
        right: -12px;
    }
/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
    /* Changes the colour of the indicators */
    .carousel-indicators li {
        background: #c0c0c0;
    }

    .carousel-indicators .active {
        background: #333333;
    }

row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
}

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

.row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
}

.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%;
}

.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%;
}

.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%;
}

.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%;
}

.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%;
}

.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%;
}

.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%;
}

.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%;
}

.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
}

.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
}

.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
}

.row-fluid .offset12 {
    margin-left: 104.25531914893617%;
    *margin-left: 104.14893617021275%;
}

    .row-fluid .offset12:first-child {
        margin-left: 102.12765957446808%;
        *margin-left: 102.02127659574467%;
    }

.row-fluid .offset11 {
    margin-left: 95.74468085106382%;
    *margin-left: 95.6382978723404%;
}

    .row-fluid .offset11:first-child {
        margin-left: 93.61702127659574%;
        *margin-left: 93.51063829787232%;
    }

.row-fluid .offset10 {
    margin-left: 87.23404255319149%;
    *margin-left: 87.12765957446807%;
}

    .row-fluid .offset10:first-child {
        margin-left: 85.1063829787234%;
        *margin-left: 84.99999999999999%;
    }

.row-fluid .offset9 {
    margin-left: 78.72340425531914%;
    *margin-left: 78.61702127659572%;
}

    .row-fluid .offset9:first-child {
        margin-left: 76.59574468085106%;
        *margin-left: 76.48936170212764%;
    }

.row-fluid .offset8 {
    margin-left: 70.2127659574468%;
    *margin-left: 70.10638297872339%;
}

    .row-fluid .offset8:first-child {
        margin-left: 68.08510638297872%;
        *margin-left: 67.9787234042553%;
    }

.row-fluid .offset7 {
    margin-left: 61.70212765957446%;
    *margin-left: 61.59574468085106%;
}

    .row-fluid .offset7:first-child {
        margin-left: 59.574468085106375%;
        *margin-left: 59.46808510638297%;
    }

.row-fluid .offset6 {
    margin-left: 53.191489361702125%;
    *margin-left: 53.085106382978715%;
}

    .row-fluid .offset6:first-child {
        margin-left: 51.063829787234035%;
        *margin-left: 50.95744680851063%;
    }

.row-fluid .offset5 {
    margin-left: 44.68085106382979%;
    *margin-left: 44.57446808510638%;
}

    .row-fluid .offset5:first-child {
        margin-left: 42.5531914893617%;
        *margin-left: 42.4468085106383%;
    }

.row-fluid .offset4 {
    margin-left: 36.170212765957444%;
    *margin-left: 36.06382978723405%;
}

    .row-fluid .offset4:first-child {
        margin-left: 34.04255319148936%;
        *margin-left: 33.93617021276596%;
    }

.row-fluid .offset3 {
    margin-left: 27.659574468085104%;
    *margin-left: 27.5531914893617%;
}

    .row-fluid .offset3:first-child {
        margin-left: 25.53191489361702%;
        *margin-left: 25.425531914893618%;
    }

.row-fluid .offset2 {
    margin-left: 19.148936170212764%;
    *margin-left: 19.04255319148936%;
}

    .row-fluid .offset2:first-child {
        margin-left: 17.02127659574468%;
        *margin-left: 16.914893617021278%;
    }

.row-fluid .offset1 {
    margin-left: 10.638297872340425%;
    *margin-left: 10.53191489361702%;
}

    .row-fluid .offset1:first-child {
        margin-left: 8.51063829787234%;
        *margin-left: 8.404255319148938%;
    }

[class*="span"].hide, .row-fluid [class*="span"].hide {
    display: none;
}

[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
    float: right;
}



.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 40px;
    font-weight: 100;
    line-height: 30px;
    color: rgb(255, 255, 255);
    text-align: center;
    opacity: 0.5;
    background: rgb(34, 34, 34);
    border-width: 3px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 23px;
}

.carousel-control {
    left: -12px;
}

carousel-control.right {
    left: auto;
    right: -12px;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #b3833f;
}

element.style {
}
.thumbnail {
   
    margin-bottom: 10px;
  
    background-color: transparent;
    border: 0px solid #ddd;
    
}

p {
    margin: 0 0 0px;
    margin-bottom:5px;
}