/*	################################################################
    1. COLORS
    #columbiaBlue: #003875;
	#rust: #003777;
	@rustButtonHover: #b25c2f;
	@lightGrey: #f2f2f2;
	@topNavLightHeight: 46px;
	@darkGrey: #4e4e4e;
	@darkGreyButtonHover: #302f2e;
	@grey:#939598;
	@greyButtonHover:#97999b;
	@wht: #fff;
	@blk: #000;
	@lightGreyBorder: #939598;
	@dropdownMenuHover: #d7d7d7;
	@dropdownFontColor: #333;
	@errorColor: #a94442;
	@defaultDarkGray: #333;
	@ccc: #ccc;
	@grey10Black: #dcddde;
	@cartHeaderFooter: #e6e7e8;
	@greySubheading: #424242;
	@success: #3c763d;
	@secondNavBorderBottom: #d1d1d1;003777
	#footer: #fefcfc;
	################################################################# */
    .title h2 {
        color:#000;
        font-size:56px;
        font-weight:600;
    }

    .titleTagline {
        font-size: 40px;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
    }

    .taglineText {
        font-size: 28px;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
    }

    .columbiaText {
        font-size:20px;
    }

    .width400 {
        width:400px;
    }

body {
    background-color: #fff;
    /*overflow-x: hidden;*/
}

    /*THIS FIXES BACKGROUND VIDEO FROM SHOWING AT THE BOTTOM OF THE PAGE*/
    form {
        margin:0;
    }

    #applyNowBtn:hover {
		color:#003875;
		background-color:#fff;
	}

/*	################################################################
	1. Nav
	################################################################# */


    .header.affix {
        background: #003875;
    }

    #home {
        background-color:#fff;
        padding-top:400px;
        padding-bottom:400px;
    }

    /*	################################################################
	2. Customer Service
	################################################################# */

    
    #customerService {
        background-color:#fff;
    }

    /*	################################################################
	3. VIDEO PARALLEX
	################################################################# */
		
    #video {
        position: relative;
        max-height:500px;

    }
	#videobgfull {
		width:100% !important;
		min-height:500px !important;
		max-height:100% !important;
		position:relative !important;
	}
	
	.videooverlay {
		padding: 210px 0;
		background-color: rgba(0,56,117, 0.7);
	}
	
	.videooverlay .video-title h2 {
		color:#fff;
        font-size: 80px;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
        font-style:italic;

	}
	
	.video-js {width:100%; height:100%;}
	
	#revvideo {
		width:100% !important;
		height:100% !important;
	}
			
	#volume {
		bottom: 0;
		color: #ffffff;
		cursor: pointer;
		font-size: 17px;
		height: 30px;
		line-height: 28px;
		position: absolute;
        padding-top:5px;
		right: 0;
		text-align: center;
		width: 30px;
		z-index: 10;
		background: #3C3B3B;
		/*border: 1px dashed #222;*/
        border:none;
        display:none;
	}
	
	.js-video {
		height: 0;
		padding-top: 25px;
		padding-bottom: 50.5%;
		border:1px solid #ffffff;
		position: relative;
		overflow: hidden;
	}
	.js-video.widescreen {
		padding-bottom: 57.25%;
		border:1px solid #ffffff;
	}
	.js-video.vimeo {
		padding-top: 0;
		border:1px solid #ffffff;
	}	
	
	.js-video embed, .js-video iframe, .js-video object, .js-video video {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	.mb_YTVPlayer {z-index:-10;}
	.videobg {
		padding:0; 
		color:#ffffff !important;
	}
	
	.videobg-wrap .video-title hr {
		background-color:#ffffff;
	}
	.videobg-wrap { 
        background-color: rgba(0,56,117, 0.5);
        padding:30px 0 0}
	
	.animationload {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#fff; /* change if the mask should have another color then white */
		z-index:999999; /* makes sure it stays on top */
	}
	.loader {
		width:200px;
		text-indent:-99999;
		height:200px;
		font-size:0;
		position:absolute;
		left:50%; /* centers the loading animation horizontally one the screen */
		top:50%; /* centers the loading animation vertically one the screen */
		background-image:url(/assets/img/AjaxLoader.gif); /* path to your loading animation */
		background-repeat:no-repeat;
		background-position:center;
		margin:-100px 0 0 -100px; /* is width and height divided by two */
	}


    /*	################################################################
	5. Manufacturing
	################################################################# */
     #manufacturing {
        z-index:1;
	    display:block;
	    padding:60px 0;
	    position:relative;
	    background-color:#fff;
    }

    .manufacturingTitle {
        float:right;
        position:absolute;
        right:0;
        width:auto;
    }

    .manufacturingImg {
        padding-top: 175px;
        max-width: 100%;
        margin-left:-200px;
    }

    #commercialColumbia {
        z-index:1;
	    display:block;
	    padding:60px 0;
	    position:relative;
	    background-color:#fff;
    }

     .commercialColumbiaTitle {
        float:right;
        position:absolute;
        right:0;
        width:auto;
        top:100px;
    }

    .commercialColumbiaImg {
         padding-top:0px;
         width:800px;
    }

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(../img/AjaxLoader.gif) no-repeat center center;
}

    @media (max-width: 1200px) {
        .header {
            /* This works in IE 8 & 9 too */
		    /* ... but also 5, 6, 7 */
		    filter: alpha(opacity=1);
		    /* Older than Firefox 0.9 */
		    -moz-opacity:100;
		    /* Safari 1.x (pre WebKit!) */
		    -khtml-opacity: 1;
		    /* Modern!
		    /* Firefox 0.9+, Safari 2?, Chrome any?
		    /* Opera 9+, IE 9+ */
		    opacity: 1;
            background: #003875;
            width: 100%;
            top: 0;
            right: 0;
            padding: 0;
            margin: 0;
            position: fixed;
            z-index: 9999;
        }

        #home {
            background-size:100%;
            width:100%;
            padding-top:350px;
            padding-bottom:250px;
        }
        /*.manufacturingImg {
            padding-top:95px;
        }*/
        .manufacturingImg {
            max-width: 90%;
            padding-left: -150px;
        }

        .manufacturingTitle {
            max-width: 80%;
            padding-left:40px;
            margin-right: -5%;
        }
    }

    @media only screen and (max-width: 991px) {
         #home {
           padding-top:350px;
            padding-bottom:250px;
        }
        .manufacturingTitle {
            float:none;
            position:relative;
            max-width: 100%;

        }
        .manufacturingImg {
            margin: auto;
            padding-top:10px;
        }
        .filterPaddingMobile {
            padding-top:30px;
        }
        .qualityPaddingMobile {
            padding-top:30px;
        }
        .commercialColumbiaTitle {
            float:none;
            position:relative;
        }
        .commercialColumbiaImg {
            padding-top:10px;
        }
    }

    @media only screen and (max-width: 767px) {
        #showcaseCarousel {
           max-width:300px;
           margin-left:auto;
           margin-right:auto;
        }
        #home {
            padding-top:250px;
            padding-bottom:100px;
        }
    }

    @media only screen and (max-width: 600px) {
        .columbiaText {
            width: auto;
        }
        .manufacturingTitle {
            padding-left: 5px;
            padding-right: 5px;
        }
        .title h2 {
            font-size: 40px;
        }
    }

    /*	################################################################
	6. Commercial
	################################################################# */

    #commercial {
        z-index: 1;
        display: block;
        padding: 60px 0;
        position: relative;
        background-color: #fff;
    }

    /*	################################################################
	7. Project SHowcase
	################################################################# */

    #projects {
        z-index: 1;
        display: block;
        padding: 60px 0;
        position: relative;
        background-color: #fff;
    }

    #columbiaPortfolio {
        z-index: 1;
        display: block;
        padding: 60px 0;
        position: relative;
        background-color: #fff;
    }

    #controlBar_bgndVideo {
        display: none !important;
    }