/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */.navbar-default,a{-webkit-transition:all .35s;-moz-transition:all 
	 .35s}header,header 

.header-content{
	position:relative;
	width:100%;
	text-align:center;
	background-color: #FFFFFF;
}body,html{
	height:100%;
	width:100%;
	color: #666666;
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}body{
	font-family: "Courier New", Courier, monospace;
	webkit-tap-highlight-color: #666666;
	color: #666666;
	font-size: 20px;
	font-style: normal;
}
.btn,.navbar-default,.navbar-default .navbar-header 
.navbar-brand,h1,h2,h3,h4,h5,h6,{
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif
}hr{
	max-width:80px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}hr
.light{border-color:#FFFFFF}a{transition:all 
	.35s;color:#666666} a:focus,a:hover{
	color:#000000;
	text-decoration: underline;
}p{
	font-size: 28px;
	line-height: 1.5;
	margin-bottom: 20px;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	color: #666666;
}

/*controls who we are section*/
.bg-primary{background-color:#FFFFFF;color:#ffffff} 

/*controls box around more projects to announced shortly, but NOT the round box within*/
.bg-dark{background-color:#FFFFFF;color:#ffffff;}




.text-faded{
	color: rgba(230,21,24.09);
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}section{padding:100px 0}aside{padding:50px 0}
.no-padding{padding:0}

.navbar-default{background-color:#FFFFFF;transition:all .35s}



.btn-default,.portfolio-box .portfolio-box-caption{-webkit-transition:all .35s;-moz-transition:all .35s}

.navbar-default .navbar-header .navbar-brand{color:#FFFFFF;font-weight:700;text-transform:uppercase}

.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#FFFFFF}.navbar-default .navbar-header 

.navbar-toggle{font-weight:700;font-size:12px;color:#000000;text-transform:uppercase}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{text-transform:uppercase;font-weight:700;font-size:13px;color:#000000}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#FFFFFF}.navbar-default 

/* this controls the hover color of the who we are int he nav*/
.nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#FFFFFF;background-color:transparent}
.navbar-default 
.nav>li.active>a:focus:hover,
.navbar-default .nav>li

/*this controls color of line in navi bar*/
.active>a:hover{background-color:transparent}    @media (min-width:768px){.navbar-default{background-color:transparent;border-color:rgba(0,0,1,0.93)}
	
	
	.navbar-default 
	.navbar-header 
	.navbar-brand{color:rgba(234,13,16,1.00)}
	.navbar-default 
	.navbar-header 
	.navbar-brand:focus,
	.navbar-default 
	.navbar-header 
	.navbar-brand:hover{color:#fff}
	.navbar-default 
	.nav>li>a,
	.navbar-default
	.nav>li>a:focus{color:rgba(0,0,0,0.90)}
	
	.navbar-default .nav>li>a:focus:hover,
	.navbar-default 
	.nav>li>a:hover{
	color: #99cc00;
	background-color: #FFFFFF;
	background-image: none;
}
	.navbar-default.affix{background-color:#FFFFFF;border-color:rgba(34,34,34,.05)}
	.navbar-default.affix
	.navbar-header 
	.navbar-brand{color:#FFFFFF;font-size:14px}
	.navbar-default.affix .navbar-header
	.navbar-brand:focus,.navbar-default.affix
	
	/*hover color for who we are on nav bar*/ 
	.navbar-header .navbar-brand:hover{color:#FFFFFF}
	.navbar-default.affix .nav>li>a,.navbar-default.affix
	.nav>li>a:focus{color:#222}
	.navbar-default.affix 
	.nav>li>a:focus:hover,.navbar-default.affix
	
	/*hover color over nav bar*/ 
	.nav>li>a:hover{color:#828282}}header{
	min-height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-position: center;
	background-image: url(Images/newlogo.png);
	color: #FFFFFF}header 
.header-content{padding:100px 15px}header 
.header-content 

/*Gingerbread header*/
.header-content-inner h1{font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:30px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}header 
.header-content 
.header-content-inner hr{margin:30px auto;}header
.header-content
.header-content-inner p{font-weight:300;color:#FFFFFF);font-size:16px;margin-bottom:50px}@media (min-width:768px){header{min-height:100%;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}header 
	.header-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 50px}header 
	.header-content 
	.header-content-inner{max-width:1000px;margin-left:auto;margin-right:auto}header 
	.header-content
	.header-content-inner h1{font-size:50px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}header 
	.header-content 
	.header-content-inner p{font-size:18px;max-width:80%;margin-left:auto;margin-right:auto;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}



.section-heading{margin-top:0}


.service-box{max-width:400px;margin:50px auto 0} @media (min-width:992px){.service-box{margin:20px auto 0}}
.service-box p {margin: 0 auto;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}



.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
.portfolio-box 


/*this controls the hover colors of the image*/
.portfolio-box-caption{color:#ffffff;opacity:0;display:block;background:rgba(230,21,24);position:absolute;bottom:0;text-align:center;width:100%;height:100%;transition:all .35s}

.btn-default.active,

.btn-default:active,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-primary{background-image:none}

.portfolio-box
.portfolio-box-caption
.portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}
.portfolio-box
.portfolio-box-caption 
.portfolio-box-caption-content
.project-category,.portfolio-box 
.portfolio-box-caption
.portfolio-box-caption-content 

.project-name{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;padding:0 15px}

.portfolio-box
.portfolio-box-caption
.portfolio-box-caption-content 
.project-category{text-transform:uppercase;font-weight:600;font-size:14px}

.portfolio-box 
.portfolio-box-caption 
.portfolio-box-caption-content 
.project-name{font-size:18px}

.portfolio-box:hover 

.portfolio-box-caption{opacity:1}
.portfolio-box:focus{outline:0}@media (min-width:768px)}
.portfolio-box 
.portfolio-box-caption 
.portfolio-box-caption-content 
.project-category{font-size:16px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}
.portfolio-box 

.portfolio-box-caption 

.portfolio-box-caption-content

.project-name{font-size:22px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}

.call-to-action h2{margin:0 auto 20px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}

.text-primary{
	color:#666666;
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
}
.no-gutter>[class*=col-]{padding-right:0;padding-left:0}


/*this is the second find out more*/

.btn-default{color:#0000;background-color:#FFFFFF;border-color:#525252;transition:all 
	
	.35s}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>

.dropdown-toggle.btn-default{color:#222;background-color:#FFFFFF;border-color:#ededed}

.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,
.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled]
.btn-default,fieldset[disabled]
.btn-default

.active,fieldset[disabled] 

.btn-default
.focus,fieldset[disabled] 
.btn-default:active,fieldset[disabled]
.btn-default:focus,fieldset[disabled] 



/*changed colors to red but not sure what this affects*/
.btn-default:hover{background-color:#ffffff;border-color:#828282}

/*WHAT I THISS???? FIND OUT*/
.btn-default.badge{color:#525252;background-color:#222}



/*this is the first find out more box. Changes color and everything*/

.btn-primary{color:#fff;background-color:#FFFFFF;border-color:#525252;-webkit-transition:all 
	.35s;-moz-transition:all .35s;transition:all 
		.35s}


.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary{color:#ffffff;background-color:#000000;border-color:#FFFAFA}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]

.active,.btn-primary[disabled]

.focus,.btn-primary[disabled]:active,

.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,fieldset[disabled] 
.btn-primary,fieldset[disabled] 
.btn-primary.active,fieldset[disabled] 
.btn-primary.focus,fieldset[disabled]
.btn-primary:active,fieldset[disabled]
.btn-primary:focus,fieldset[disabled] 

.btn-primary:hover{background-color:#525252;border-color:#525252}


.btn-primary 
.badge{
	color: #FFFFFF;
	background-color: #fff
}
.btn{border:none;border-radius:300px;font-weight:700;text-transform:uppercase;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}

.btn-xl{padding:15px 30px}::-moz-selection{color:#FFFFFF;text-shadow:none;background:#ffffff}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}



.sidebar .container {margin-left: auto;margin-right:auto;padding: none;}
.sidebar h2 {font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;}


/*this changes the size of the slideshow/ carousel*/
.tales {
  width: 100%;}
.carousel-inner{
  width:100%; background-color: #FFFFFF;
  max-height: 907px !important;} 

.carousel-inner > .item > img {
    margin: 0 auto;}

.background-size: cover
.background-position: center center /* or whatever position you wanted */



/*do I NEED TO KEEP THIS? CHECK THIS ASAP OR DELETE*/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}