@charset "utf-8";
/* CSS Document */
/*
red: #880004
grey: #2d2d2d
black: #000000
*/
/* Reset CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/**************************************************
***********     GENERAL      ***********************
**************************************************/

body, html {
    font-family: "Lato";
    font-size: 14px;
    line-height: 1.5em;
}

p {
    margin-bottom: 30px;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat";
    margin-bottom: 15px;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 18px;
    color:#880004;
}

h2.white {
    color: white;
}

ul {
    list-style: none;
}

ul.icn li {
    padding-left: 1.2em;
}

ul.icn li::before {
    content: "\f05d";
    font-family: FontAwesome;
    display: inline-block;
    width: 1.2em;
    margin-left: -1.2em;
}

a, button {
    -webkit-transition: color 500ms ease-out;
    -moz-transition: color 500ms ease-out;
    -o-transition: color 500ms ease-out;
    transition: color 500ms ease-out;
    -webkit-transition: background 500ms ease-out;
    -moz-transition: background 500ms ease-out;
    -o-transition: background 500ms ease-out;
    transition: background 500ms ease-out;
    color:#880004;
}

a:hover {
    color: #880004;
}

.red {
    color: #880004;
}

/**************************************************
***********     LAYOUT      ***********************
**************************************************/
.marg-t-100 {
    margin-top: 50px;
}

.marg-t-50 {
    margin-top: 25px;
}

.marg-t-25 {
    margin-top: 15px;
}

.center {
    text-align: center;
}

.no-line {
    line-height: 0;
}

/**************************************************
***********     BUTTONS      ***********************
**************************************************/
.btn-white {
    border: 3px solid white;
    color: white;
}
.btn-white:hover {
    color: #2d2d2d;
    background-color: white;
}

.btn {
    border-radius: 0;
}

.btn-red {
    border: 3px solid #880004;
    color: #880004;
}

.btn-red:hover {
    color: white;
    background-color: #880004;
}

button.btn-red {
    background-color: transparent;
}
/**************************************************
***********     NAVBAR      ***********************
**************************************************/
header {
    position: relative;
    margin-bottom: 50px;
}

nav {
    position: absolute !important;
    top:0;
    z-index: 999;
    margin: 0 auto;
    width:100%;
    border-radius: 0 !important;
}

.dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    border: none;
}

.dropdown-menu li > a {
    color: #fff;
    padding: 2px 20px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color:#2d2d2d;
    background-color: white;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color:#2d2d2d;
    background-color: white;
}

.iso-d {
    display: none;
}

.iso-m {
    margin-top: 10px;
    width: 180px;
}

.navbar-default .navbar-nav>li>a {
    font-size: 20px;
    color: white;
}

.navbar-collapse {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

header.home .navbar-collapse {
    background-color: rgb(0,0,0);
}

.navbar {
    border: none;
    background-color: transparent;
}

.navbar-brand {
    width:100px;
    height: auto;
}

.navbar .containter {
    margin: 0 auto;
}

.navbar-collapse img {
    margin: 0 0 0 auto;
}

/**************************************************
***********     SUBPAGE HEADER      *********************
**************************************************/

header.sub-page {
    background:no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:175px;
}

.sub-page .navbar-brand img {
    /*width:60%;*/
}

/**************************************************
***********     Carousel      *********************
**************************************************/

/*.home, .fill, .carousel, .carousel-inner, .item  {        MY CODE FO THE CAROUSEL
    height: 100%;
}
.fill {
    width: 100%;
    padding: 0;
    background: no-repeat fixed center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-caption {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    left:0;
    right:0;
    top:33%;
}

.carousel-caption p {
    margin-bottom: 30px;
    display: none;
}

.inner-caption {
    position: relative;
    display: block;
    margin: 0 auto;
}*/

html,
body {
    height: 100%;
}

.mobile-home,
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-caption {
    left: auto;
    right: auto;
    width: 100%;
    text-align: left;
    top:33%;
}

.nav {
    background-color: rgb(0,0,0);
}


/**************************************************
***********     INDEX CONTENT    ******************
**************************************************/

.intro-section {
	padding: 0 200px;
	text-align: center;	
}

.picture-nav-section {
    margin-bottom:50px;
}

.no-pad {
    padding:0;
}

.picture-nav {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 auto;
}

.picture-nav-caption {
    position: absolute;
    background: rgba(0,0,0,0.7);
    color: white;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    font-size: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.picture-nav-hover {
    background: rgba(136,0,4,0.7);
}

.testimonials {
    text-align: center;
    margin: 0 0 38px 0;
    border-bottom: 3px solid #dddddd;
}

h2.testimonial-heading {
    position: relative;
    text-align: center;
}

h2.testimonial-heading:before {
    content: "";
    display: block;
    border-top: solid 3px #dddddd;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

h2 .heading-line {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}

#testimonials {
    height: 325px;
}

#testimonials .carousel-caption {
    top:0;
}

#testimonials .carousel-caption p {
    width: 100%;
    color: black;
    text-shadow: none;
    text-align: center;
}

span.second-line {
    padding-left: 20px;
}

#testimonials .carousel-indicators .active {
    background-color: #000000;
}

#testimonials .carousel-indicators li {
    border: 1px solid #000;
}

#testimonials p {
    margin-bottom: 0;
}

.industries li {
    color: #2d2d2d;
}

.industries {
    margin-bottom: 50px;
}

.fa-check-circle-o {
    margin-right:10px;
}

.justify {
    text-align: justify;
}

.montserrat {
    font-family: "Montserrat";
    font-size: 14px;
}

.row.picture-nav-row {
    margin-top:25px;
}

/**************************************************
***********     FOOTER/CALL ACTION      ***********
**************************************************/
.call-to-action {
    background-color: #880004;
    padding: 25px 15px 17px 15px;
    color: white;
}

.global-footer {
    background-color: black;
    padding:25px 0 50px 0;
    color: white;
}

/**************************************************
***********     SUBPAGES        *******************
**************************************************/
.service-page {
    margin-bottom: 5px;
}

.service-page > div {
    margin-bottom: 25px;
}

.service-page h2 {
    margin-top: 15px;
    text-align: center;
}

.service-page img {
    margin: 0 auto;
}

.service-page div.col-md-4 p {
    text-align: center;
}

.detail-page-call-to-action {
    background: black;
    color: white;
    text-align: center;
    padding-top: 15px;
    margin: 25px 0;
}

.machining {
    margin-bottom: 50px;
}

.machining img {
    margin:0 auto;
}

.sub-page-body li {
    color:#2d2d2d;
}

.quality {
    margin-bottom: 50px;
}

.quality img {
    margin: 0 auto;
}

.equip-text-row h3 {
    color: #880004;
    font-size: 14px;
}

.equip-text-row p {
    font-size: 14px;
}

.equip-text-row h2 {
    color: #880004;
    border-bottom: 3px solid #cccccc;
}

.equip-text-row .row div {
    margin-bottom: 10px;
}

.contact {
    margin-bottom: 50px;
}

.error {
    margin-bottom: 50px;
}

.side-nav {
    background-color: #e4e4e4;
    padding: 20px;
}

.side-nav h1 {
    font-size: 30px;
}

.side-nav a {
    font-size: 14px;
}

.side-cta {
    padding: 20px;
    background-color: #880004;
    color: #fff;
    margin-bottom: 25px;
}

.side-cta>p {
    font-size: 20px;
}

.history {
    margin-bottom: 50px;
}


/**************************************************
***********     MEDIA QUERIES   *******************
**************************************************/
@media (min-width: 420px) and (max-width: 991px) {
    #testimonials {
        height: 270px;
    }
}

@media (min-width: 520px) and (max-width: 991px) {
    #testimonials {
        height: 230px;
    }
}

@media (min-width: 620px) and (max-width: 991px) {
    #testimonials {
        height: 200px;
    }
}

@media (min-width: 767px) { /*SM SIZE*/
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 20px;
    }
    .carousel-caption p {
        display: block;
    }
    .picture-nav-caption {
        font-size: 16px;
    }
    .left-pad {
        width:750px;
        margin: 0 auto;
    }
    span.second-line {
        padding-left: 0;
    }
    #testimonials {
        height: 190px;
    }
}

@media (min-width: 960px) and (max-width: 991px) {
    .industry-pic {
        width:940px;
        margin: 0 auto;
    }
}

@media (min-width: 992px) { /*MD SIZE*/
    body, html {
        font-size: 18px;
    }
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 25px;
    }
    h1 {
        font-size: 44px;
    }
    h2 {
        font-size: 24px;
    }
    header.sub-page {
        height:350px;
    }
    .marg-t-100 {
        margin-top: 100px;
    }

    .marg-t-50 {
        margin-top: 50px;
    }
    .marg-t-25 {
        margin-top: 25px;
    }
    .picture-nav-caption {
        font-size: 30px;
    }
    .row.picture-nav-row {
        margin-top:30px;
    }
    header {
        margin-bottom: 100px;
    }
    nav {
        padding:20px 0;
    }
    .nav {
        margin-top:20px;
    }
    .nav {
        background-color: transparent;
    }
	.navbar-nav>li>a {
    	padding-top: 12px;
    	padding-bottom: 12px;
	}
    .dropdown-menu li > a {
        text-align: right;
    }
    .navbar-brand {
        width:auto;
    }
	.dropdown-menu {
		padding: 0;
	}
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    header.home .navbar-collapse {
        background-color:transparent;
    }
    .iso-d {
        display: block;
    }
    .iso-m {
        display: none !important;
    }
    .carousel-caption p {
        width: 50%;
        margin-bottom: 50px;
    }
    .carousel-caption p {
        margin-bottom: 50px;
    }
    .picture-nav {
        display: block;
    }
    .picture-nav-section {
        margin-bottom:100px;
    }
    #testimonials {
        height: 270px;
    }
    .testimonials {
        padding:0 10% 25px 10%;
        margin-bottom: 75px;
    }
    .testimonials p {
		margin-bottom: 25px;
		font-style: italic;
    }
    .left-pad {
        width:auto;
        margin: 0 auto;
    }
    .industries {
        width: 950px;
        margin: 0 auto 100px auto;
    }
    .service-page {
        margin-bottom: 30px;
    }
    .service-page > div {
        margin-bottom: 50px;
    }
    .service-page h2 {
        margin-top: 25px;
    }
    .detail-page-call-to-action {
        padding-top: 25px;
        margin: 50px 0;
    }
    .machining {
        margin-bottom: 100px;
    }

    .equip-text-row .row div {
        margin-bottom: 35px;
    }

    .equip-intro {
        margin-bottom: 35px;
    }

    .equip-text-row h2 {
        margin-bottom: 50px;
    }

    .equip {
        margin-bottom: 50px;
    }

    .contact {
        margin-bottom: 100px;
    }

    .quality {
        margin-bottom: 100px;
    }
    .error {
        margin-bottom: 100px;
    }
    .history {
        margin-bottom: 100px;
    }

    .call-to-action {
        padding: 50px 0 25px 0;
    }

    .global-footer {
        padding:50px 0 100px 0;
    }
}

@media (min-width: 1200px) { /*LG SIZE*/
    .left-pad {
        padding:0 2%;
    }
    #testimonials {
        height:230px;
    }
    .industries {
        width: auto;
        margin: 0 0 100px 0;
    }
}

@media (min-width: 1430px) { /*XL SIZE*/
    .container {
        width: 1400px;
    }
    #testimonials {
        height:200px;
    }
    .left-pad {
        padding:0 15%;
    }
}

@media (max-width: 1400px) { 
    
	.intro-section {
		padding: 0 100px;	
	}
	
}

@media (max-width: 1100px) { 
    
	.intro-section {
		padding: 0 50px;	
	}
	
}

@media (max-width: 767px) { 
    
	.intro-section {
		padding: 0 30px;	
	}
	
}