/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.top-minus-50{
	top: -30px;
}

.copyright-blackforge copyright-blackforge__xs{
	
}

.copyright-blackforge
{
	opacity: 0.5;
	color: white;
	vertical-align: center;
	bottom: 0;
	position: absolute;
	right: 2%;
	width: 8%;
	height: 30px;
	background-image: url(../images/blackforge_title.png);
	background-position-y: center;
	background-position-x: 20%;
	background-size: 80% auto;
	background-repeat: no-repeat;
	z-index:100;
}

.copyright-blackforge .fa-copyright
{
	position: absolute;
	top: 30%;
	right : 5%;
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); 
	transform: translateY(-50%);
}

.center-absolute{
	left:50%;
     -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); 
	transform: translateX(-50%);
}

.copyright-blackforge__large
{
	min-width: 20%;
}

.kl-loader{
    position: absolute;
    top:20%;
    left:50%;
     -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); 
	transform: translateX(-50%);
}

.kl-loader svg path, .kl-loadersvg rect {
    fill: #9E9E9E
}


a.blue:hover{
    color: #00BCD4 !important;
}

.site-logo, .logo-container { float:left !important;}
.separator.visible-xss {display: none !important;}

.kl-slideshow .static-content__title{ text-transform: uppercase; }
.menu-item { text-transform: uppercase;}
.media-container__text{text-transform: uppercase;}

/*Small logo when under 640*/
/*.chaser .logosize--yes .site-logo { height: 60px; width: 100%; text-align: center;}
.chaser .site-logo img { max-height: 60px;}*/
/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){

.copyright-blackforge
	{
		width: 20%;
	}
	


}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.copyright-blackforge__large
	{
		min-width: 30%;
	}
}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {
    .blackforge--punchline{
        width: 900px !important;
    }
}

@media only screen and (max-width: 767px) {
    
    .what-we-do{
        margin-top: -15px;
        margin-bottom: -15px;
    }

    .what-we-do .tbk__title{
        font-size: 30px !important;
    }
    .what-we-do .tbk__subtitle{
        font-size: 17px !important;
        line-height: normal;
    }

    .site-header.style1 .main-nav{ margin-left: 10px !important; margin-right: 0 !important;}
	
	.site-header.style1 .main-nav ul li { margin-left: 0px !important; }

    .full_width {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .media-container{
        margin-bottom: 0 !important;
    }
      .btn h2 {
          font-size:25px;
      }

      	.chaser .logosize--yes .site-logo { height: 60px; }
	.chaser .site-logo img { max-height: 60px;}
    .site-logo img { height: 60px; }
    .logosize--yes .site-logo { height: 60px; }


}

/* @media only screen and (max-width : 640px){
    .zn-res-trigger {
        position: absolute;
        margin-top: 20px;
        right: 20px;
    }
} */

@media only screen and (max-width : 480px) {
	.copyright-blackforge
	{
		width: 30%;
	}
	
    .btn h2 {
          font-size:20px;
      }

    .h-400{
        height: 300px !important;
    }
    .h-615{
        height: 300px !important;
    }

    
    .chaser .logosize--yes .site-logo { height: 40px; }
	.chaser .site-logo img { max-height: 40px;}

    .site-header .logo-container, .site-header .logo-container .site-logo{
        width: auto !important;
        clear: none !important;
    }
}

@media only screen and (max-width : 320px) {

}