/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
 /*
$gray-base:              #000 !default;
$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
$gray-dark:              #A04A17;   // #333
$gray:                   #EB640D; // #555
$gray-light:             #86888B; // #777
$gray-lighter:           #8D8C8D; // #eee

$brand-primary:         #737273; // #337ab7
$brand-success:         #5cb85c !default;
$brand-info:            #5bc0de !default;
$brand-warning:         #f0ad4e !default;
$brand-danger:          #d9534f !default;
*/

/* Global Styles */

html,
body {
    height: 100%;
    font-family: 'Marvel', sans-serif;
    font-size: 22px;
    color: #FFF;
    background-color: #000;
    webkit-tap-highlight-color: #fed136;
}

.btn{
	font-size: 20px;
}

.btn-primary {
    color: #000;
    background-color: #CCC;
    background-image: url('../img/metal_bgd.jpg');
    border-color: #000;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, ul, ol, li {
    color:#f26522;
    
}
.page_contact ul, .page_contact li{
	color: #FFF !important;
}

a:hover{
	text-decoration: none;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.container {
	width: 100%;
	max-width: 1250px;
	padding-left: 1px;
	padding-right: 1px;
}
.navbar .container{
	padding-left: 15px;
	padding-right: 15px;
	font-size: 18px;
}


.navbar-brand{
	color: #f69a06 !important;
	font-size: 22px;
	font-weight: bold;
}

.navbar-inverse {
    background-color: #000;
    border-color: #000;
}

.navbar-collapse.in {
    border: 4px solid #FFF;
}

.navbar-collapse.in .navbar-nav {
    text-align: right;
    font-size: 1.6em !important;
}



.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
.page-header{
	margin: 5px;
	text-align: center;
	font-weight: bold;
}

/* Home Page Carousel */
header.container-fluid{
	padding: 0;
}

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.header_logo{
	max-height: 150px;
}

.header_logo_sm{
	max-height: 100px;
}

#owl-slider div.item img{
	max-height: 350px;
	height:350px;
    width: 100%;
}

.banner_img img {
	width: 100%;
	max-height: 350px;
}

.banner_overlay {
	position: absolute;
	top: 50px;
	right: 5%;
}

.top_tagline{
	padding: 10px;
	background-color: #000;
	color: #FFF;
	font-weight: bold;
	font-size: 30px;
	
}
.header_sm{
	padding-bottom: 10px;
	text-align: right;
}


.rivet_strip{
	height: 34px;
	display:block;
	background: #c8c8c8;
	background-image: url('../img/rivet_strip.jpg');
	background-repeat: repeat-x;
}



.panel-default > a .panel-body {
    background-image: url('../img/metal_bgd.jpg');
    border: 1px solid #000;
    margin:5px;
}
.panel-default > a .panel-body h3{
	color: #000;
	margin: 1%;
}
.panel-img{
	max-height: 160px;
}
.panel-title-home{
	height: 50px;	
}
.panel-default > a:hover{
	text-shadow: 1px 1px #fff;
}

.page_content{
	margin-left: 15px;
	margin-right: 15px;	
	text-align: left;
}

.page_about .large_member .caption {
	padding-top:50px;	
}

.page_about .large_member {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px; 
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

.form-control {
	font-size: 20px;	
	
}

#portfolio .portfolio-item {
    right: 0;
    margin: 15px;
    background-color: #FFF;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(242, 101, 34, 0.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    margin-top: 10px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-size: 16px;
    font-style: italic;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #000;
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
    
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #FFF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #FFF;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #fed136;
}

::selection {
    text-shadow: none;
    background: #fed136;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}









/* Footer Styles */

footer {
    margin: 50px 0;
    margin-bottom: 0px;
    color: #000;
}



.footer_contact_bar{
	background-image: url('../img/metal_bgd.jpg');
	color: #FFF;
	font-weight: bold;
	margin-top:0px;
	margin-bottom: 0px;
	text-align: center;
	padding-bottom: 10px;
}


.sponsors{
	margin-top:0px;
	background-color: #FFF;
	padding: 10px;
}

.footer_logo_sm{
	max-height: 150px;
	padding: 20px;
}

.scroll-top {
  position: fixed;
  bottom: 0;
  right: 2%;
  z-index: 100;
  background: rgba(235, 103, 15, 1);
  color: #FFF;
  font-size: 18px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.scroll-top a, .footer_contact_bar a{
	color: #000;
}

address ul{
	list-style: none;
	padding-left: 10px;
}
.footer_bottom{
	margin-top:0px;
	background-color: #FFF;
	padding: 5px;
	font-size: 14px;
	border-top:#A9A9AA 1px solid;
}


/* Responsive Styles */

@media(max-width:1250px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    .panel-default > a .panel-body h3{
		font-size: .8em;
	}
	.panel-body{
		padding: 5px;
	}
}

@media(max-width:767px) {
    .navbar-nav, .dropdown-menu {
	    font-size: 24px;
	}
	.mobile_nav_phone{
		padding:5px;
	}
	.header_logo_mobile{
		padding-top:10px;
	}
	.img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
    header img.header_logo{
		height: 110px;	
	}
	.top_tagline .left_side {
		text-align: center;
	}
	.top_tagline .right_side {
		text-align: center;
	}
	.service_box{
		text-align: center;
	}
	.panel-default > a .panel-body h3{
		margin: auto;
	}
	.panel-img{
		max-height: auto;
	}
	.panel-title-home{
		height: auto;	
	}
}


@media(max-width:480px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  padding-left: 5px;
	  padding-right: 5px;
	}

    .top_tagline{
	    font-size: 22px;
	}
	body.contact address{
		font-size: 21px;
	}
}