body {
    font: 400 15px Lato, sans-serif;
    line-height: 1.8;
    color: #818181;
}


h2 {
    font-size: 36px;
    text-transform: uppercase;
    color: #303030;
    font-weight: 600;
    margin-bottom: 30px;
}


h4 {
    font-size: 19px;
    line-height: 1.375em;
    color: #303030;
    font-weight: 400;
    margin-bottom: 30px;
}


.container-fluid {
    padding: 60px 50px;
}


.bg-grey {
    background-color: #f6f6f6;
}


.logo-small {
    color: #333b54;
    font-size: 60px;
}


.logo {
    color: #f4511e;
    font-size: 200px;
}


.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
}


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


.h-divider{
    margin-top:5px;
    margin-bottom:5px;
    height:1px;
    width:100%;
}


.yellow-tint{
    border-top:1px solid #ffcf00;
}


.borange{
    color: #ff8a23;
}


.lshadow{
    text-shadow: 1px 1px 1px rgb(125, 125, 125);
    /* color: #6c2200; */
}


.carousel-caption-center h1{
    font: 400 Lato, sans-serif;
    font-size: 40px;
    color: #ff8a23;
    font-weight: bold;
}


.carousel:hover > .carousel-control {
    visibility: visible;
}


.carousel:hover > .carousel-control-buttons {
    visibility: visible;
}


.carousel-indicators li {
    border-color: #f4511e;
    /* visibility: hidden; */
}


/* .carousel:hover > .carousel-indicators li { */
/*     visibility: visible; */
/* } */


.carousel-indicators li.active {
    background-color: #f4511e;
}


.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    /* margin: 70px 0; */
}


.item{
    /* height: 700px; */
}


.item span {
    font-style: normal;
}


.panel {
    /* border: 1px solid #25788a; */
    border-radius:0 !important;
    transition: box-shadow 0.5s;
}

/* .panel:hover { */
/*     box-shadow: 5px 0px 40px rgba(0,0,0, .2); */
/* } */


.panel-footer .btn:hover {
    border: 1px solid #f4511e;
    background-color: #fff !important;
    color: #f4511e;
}


.panel-heading {
    color: #aaa !important;
    background-color: #fff !important;
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.panel-footer {
    background-color: white !important;
}


.panel-footer h3 {
    font-size: 32px;
}


.panel-footer h4 {
    color: #aaa;
    font-size: 14px;
}


.panel-footer .btn {
    margin: 15px 0;
    background-color: #f4511e;
    color: #fff;
}


.navbar {
    margin-bottom: 0;
    background-color: #262626;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;

    min-height: 0px;
    /* background-color: #042900; */
    /* background-color: #157E1E; */
    opacity: 0.9;
}


.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
    letter-spacing: 1px;
}


.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #eee !important;
    background-color: #cb5d00 !important;

    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms east-out;
}


.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}


footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    /* color: #f4511e; */
}


@media screen and (max-width: 768px) {
    .col-sm-4 {
        text-align: center;
        margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
}


@media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }

    h2{
        font-size: 24px;
    }
    h3{
        font-size: 18px;
    }

    .item h4 ,h4{
        font-size: 12px;
    }

}


@media (max-width: 600px) {
    /* Hide the carousel text when the screen is less than 600 pixels wide */
    /* .carousel-caption { */
    /*     /\* display: none; *\/ */
    /* } */
    .navbar-text{
        display: none;
    }
    .carousel-caption-leftside {
        /* display: none;  */
    }
    .carousel-caption-rightside {
        /* display: none;  */
    }
}


.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    background-color: #2d2d30;
    margin-top: 0;
}


.marginBottom-0 {
    margin-bottom:0;
}


.dropdown-submenu{
    position:relative;
}


.dropdown-submenu > .dropdown-menu{
    top:0;left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}


.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}


.dropdown-submenu:hover > a:after{
    border-left-color:#555;
}


.dropdown-submenu.pull-left{
    float:none;
}


.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius-container:6px 0 6px 6px;
}


.list-group-item{
    border: none;
}


.navbar-text{
    color: #fff !important;
    line-height:15px;
    /* display:inline-block; */
    /* font-size: 24px; */
}


.form-small{
    max-width: 100px;
}


.form-medium{
    max-width: 300px;
}


.form-xxs{
    max-width: 50px;
}


.product-quantity-price{
    max-width: 150px;
}


.delete-row{
    color: red;
    cursor: pointer;
    padding: 10px;
}


.edit-row{
    color: green;
    padding: 10px;
    cursor: pointer;
}

.main-content-container{
    padding-top: 100px;
    padding-bottom: 100px;
}


/* .product-row:nth-of-type(odd){ */
/*     background: red; */
/* } */


.glyphicon-steps{
    font-size: 100px;
}


.v-align > a{
    display:inline-block;
    width:100%;
    height:100%;
    text-decoration: none;
}


#form-container{
    padding-top: 0;
}


.nav-container{
    padding: 0 20px;
}


.btn-dark{
    background-color: #407eb3;
    border: 1px solid #163dad;
    color: #fff;
}


.btn-dark:hover{
    background-color: #325b7e;
    color: #fff;
}


.item h4{
    color: #fff;
}



.nav-logo:before, .nav-logo:after{
    content: "";
    display: inline-block;
    height: 50px;
    vertical-align: middle;
}


.nav-logo{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    float: left;
    position: relative;
}


.nav-logo a{
    text-decoration: none;
}


.nav-logo-borderpulse{
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    border: solid 2px #f4511e;
    opacity: 0;
    z-index: -1;
}


.navbar-header:hover .nav-logo-borderpulse{
    animation: pulse 2.5s;
    animation-iteration-count: infinite;
    animation-delay: 0.5s;
}


.navbar-header img{
    width: 45px;
    height: 45px;
    vertical-align: middle;
    display: inline-block;

    border: solid 1px transparent;
    border-radius: 50%;
}


@keyframes pulse{
    0%   { opacity: 1;  }
    20%  { transform:         scale(1.8); 
           -webkit-transform: scale(1.8);
           -moz-transform:    scale(1.8);
           -ms-transform:     scale(1.8);
           -o-transform:      scale(1.8);
           opacity: 0}
    100% { transform:         scale(1.0);          
           -webkit-transform: scale(1.0);
           -moz-transform:    scale(1.0);
           -ms-transform:     scale(1.0);
           -o-transform:      scale(1.0);
         }
}


@-webkit-keyframes pulse{
    0%   { opacity: 1;  }
    20%  { transform:         scale(1.5);
           -webkit-transform: scale(1.5);
           -moz-transform:    scale(1.5);
           -ms-transform:     scale(1.5);
           -o-transform:      scale(1.5);
           opacity: 0}
    100% { transform:         scale(1.0);
           -webkit-transform: scale(1.0);
           -moz-transform:    scale(1.0);
           -ms-transform:     scale(1.0);
           -o-transform:      scale(1.0);
         }
}


/* Drop down nav menus on hover */

.sidebar-nav {
    padding: 9px 0;
}


.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}


.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}


.dropdown:hover .dropdown-menu {
    display: block;
}


.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}


.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}


.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}


.divider{
    background-color: #9e2905 !important;
}


.table-center-cell{
    vertical-align: middle !important;
    text-align: center;
}


.jumbotron{
    background-color: #336b87;
    color: #ececec;
}


.news-timestamp{
    color: #1b842f;
    display:inline-block;
    width: 110px;
}


/* ----------------------------------------------------------------- */


.section-header{
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}

.banner{
    height: 150px;
    background-color: #e0641a;
    /* background-image: linear-gradient(left, red, orange); */
    background: linear-gradient(to right, #623005, #e0641a);
}

.banner-header-big{
    text-shadow: 2px 2px 2px rgb(9, 51, 74);
    text-align: right;
    line-height:41px;
    font-size: 40px;
    color: #fff;
    padding-right: 20px;
    padding-top: 40px;
    font-family: Georgia, serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: default;
}

.banner-header-small{
    display: block;
    text-shadow: 2px 2px 2px rgb(9, 51, 74);
    text-align: right;
    line-height:26px;
    font-size: 25px;
    color: #fff;
    padding-right: 20px;
    /* font-family: Palatino, serif; */
    font-family: Georgia, serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: default;
}

@media (max-width: 500px) {
    .banner-header-big{
        line-height:31px;
        font-size: 30px;
    }
    .banner-header-small{
        line-height:21px;
        font-size: 20px;
    }    
}


.carousel-inner{
    height: 406px;
}

footer{
    margin-top:20px;
    border-top: 1px solid black;
    margin-bottom: 40px;
    /* background-color: #e0641a; */
}


footer a{
    /* color: #fff; */
    /* font-size: 40px; */
}


footer a:hover{
    text-decoration: none;
}


.text-underline{
    text-decoration: underline;
}

p{
    text-align: justify;
}

.bg-orange-faded{
    background-color: #ffe6c1;
}

.bg-green-faded{
    background-color: #e3ffc1;
}

.bg-blue-faded{
    background-color: #d6fcff;
}