@font-face {
    font-family: Economica;
    src: url("../fonts/economica.otf") format("opentype");
}

html {
    height: 100%;
    padding-top: 0px;
    overflow-y: scroll;
}

body {
    height: 100%;
    padding-top: 0px;
    background-color: black;
    font-family: 'Open Sans', sans-serif;
}

.banner {
    background-image: url("../images/onpoint-logo.png");
    background-repeat: no-repeat;
    background-position: 40px -10px, 0px 0px;
}

.bannerbg {
    background-image: url("../images/banner.jpg");
}

.wrapper {
   background: black;
}

label.control-label {
    color: white;
    font-size: 18px;
}

.mainbg {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0,0.19);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0,0.19);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.19);
    padding-left: 0px;
    padding-right: 0px;
    background: #242323;
    min-height: 100vh;
}

.captionfont {
    font-family: Economica;
    color: white;
}

.captiontext {
    font-size: 100%;
    color: #b1b1b1;
}

blockquote {
    border-color: #333637;
    margin-left: 30px;
    font-size: 16px;
}

.header {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 254px;
}

.leftbump {
    padding-left: 35px;
    padding-right: 35px;
}

.content:before {
    content: "";
    display: block;
    height: 306px;
}

.content {
    min-height: 100vh;
    margin-top: -306px;
    margin-bottom: -315px;
}

.content:after {
    content: "";
    display: block;
    height: 315px;
}

.gallerybox {
    border-radius: 4px;
    padding: 4px;
    background-color: white;
    margin: 15px 0;
    display: block;
    line-height: 1.42857143;
}

.btn-fancy {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.0rem;
    padding: 1.25rem 2.5rem;
    display: block;
    background-color: #009ac9;
    border: 1px solid transparent;
    color: #ffffff !important;
    font-weight: 300;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 200px;
    max-width: 100%;
}

.btn-fancy:hover {
    background-color: #ffffff;
    color: #009ac9 !important;
    border-color: #009ac9;
}

.thumbnail {
    padding: 1px;
    background-color: #c3c3c3;
    border-color: black;
}

.thumbnail:hover {
    border-color: grey;
}

.frontwell {
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0,0.19);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0,0.19);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.19);
    padding: 20px;
    background-color: #252526;
    margin-top: -12px;
    margin-bottom: -5px;
}

/* Flashing */
.flash:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 1;
	}
}

.well {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0,0.19);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0,0.19);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.19);
    border-color: #1E2527;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background: #252526 !important;
    filter: none;
}

.slider {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0,0.19);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0,0.19);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.19);
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-responsive {width: auto;}

.nolrpadding {
    padding-left: 0px;
    padding-right: 0px;
}

.well > a {
    color: white;
}

.dropdown {
    background-color: transparent;
}

.well li:before {
    font-family: 'FontAwesome';
    content: '\f061';
    margin:0 10px 0 -15px;
    color: #f48534;
}

.well ul {
    list-style-type: none;
    margin-left: 10px;
}

.well li {
    margin: 6px;
}

.blog-list-detail {
    border-bottom: 1px solid #1E2527;
}

.dropdown-menu {
    min-width: 140px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.nav > li > a.dropdown-toggle:hover {
    background-color: transparent;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, {
    color: white;
    background-color: #596061;
    background-image: none;
}

.dropdown-menu > li > a {
    color: white;
}

ul.dropdown-menu {
    background-color: #2d3132;
}

.blog {
    padding-left: 30px;
}

footer {
    color: white;
    border-color: #272e30;
    min-height:315px;
    margin-top: 0px;
    padding-top: 30px;
    background: black;
}

.navbar-static-top {
    border-top: 1px solid #333637 !important;
    border-bottom-color: #333637 !important;
    margin-bottom: 0px;
    background-image: none;
    background: rgb(23,24,25); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(23,24,25,1) 0%, rgba(42,42,43,1) 42%, rgba(42,44,45,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(23,24,25,1) 0%,rgba(42,42,43,1) 42%,rgba(42,44,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(23,24,25,1) 0%,rgba(42,42,43,1) 42%,rgba(42,44,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171819', endColorstr='#2a2c2d',GradientType=0 ); /* IE6-9 */
    border-color: black;
    font-size: 120%;
    z-index: auto;
}

.subtitle {
    margin-top: 15px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background: #313435;
}

.navbar-inverse .navbar-nav > li > a {
    color: #cbcbcb;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: white;
}


h1,h2,h3, h4, h5 {
    color: white;
    font-family: Economica;
    margin-top: 15px;
}

.control-label {
    font-family: Economica;
    font-weight: normal;
    font-size: 150% !important;
}

.help-block {
    font-size: 100%;
}

.form-actions {
    padding-left: 0px !important;
}

.panel {
    background-color: #343a3b;
    color: white;
}

h6 {
    color: #c8c8c8;
}

a, a:hover, a:visited, a:focus {
    color: #F58634;
}

p {
    color: white;
    font-size: 120%;
}

input, textarea{
    background-color:#3F3F3F;
    color: #FFF;
}

small {
    color: #D0D0D0;
}

hr {
    border-color: #272e30;
}


@media (max-width: 767px) {
    .banner {
        background-position: right;
    }
}

@media (max-width: 503px) {
    .hidetext {
        display: none;
    }
}

@media (min-width: 1200px) {
    .container{
        width: 100%;
        max-width: 1400px;
    }
}