/*!
 * 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;
}

body,html {
	height:100%;
	width:100%;
}

body {
	font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
	webkit-tap-highlight-color:#222;
}

.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 {
	border-color:#840204;
	border-width:3px;
	max-width:50px;
}

hr.light {
	border-color:#fff;
}

a {
	transition:all .35s;
	color: #C10003;
}

 a:focus,a:hover {
	color: #D00003;
}

p {
font-size:16px;
line-height:1.5;
margin-bottom:20px;
}

.bg-primary {
background-color:#9E0002;
}

.bg-dark {
background-color:#222;
color:#fff;
}

.text-faded {
color:rgba(255,255,255,.7);
}

section {
padding:100px 0;
}

aside {
padding:50px 0;
}

.no-padding {
padding:0;
}

.navbar-default {
background-color:#fff;
border-color:rgba(34,34,34,.05);
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:#840204;
font-weight:700;
text-transform:uppercase;
}

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

.navbar-default .navbar-header .navbar-toggle {
font-weight:700;
font-size:12px;
color:#222;
text-transform:uppercase;
}

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

.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover {
color:#840204;
}

.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus {
color:#840204!important;
background-color:transparent;
}

.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover {
background-color:transparent;
}

@media (min-width:768px) {
.navbar-default {
background-color:transparent;
border-color:rgba(255,255,255,.3);
}

.navbar-default .navbar-header .navbar-brand {
color:rgba(255,255,255,.7);
}

.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(255,255,255,.7);
}

.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover {
color:#fff;
}

.navbar-default.affix {
background-color:#fff;
border-color:rgba(34,34,34,.05);
}

.navbar-default.affix .navbar-header .navbar-brand {
color:#840204;
font-size:14px;
}

.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover {
color: #D00003;
}

.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 .nav>li>a:hover {
color:#840204;
}
}

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(../img/header.jpg);
color:#fff;
}

header .header-content {
padding:100px 15px;
}

header .header-content .header-content-inner h1 {
font-weight:700;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
font-size:30px;
}

header .header-content .header-content-inner hr {
margin:30px auto;
}

header .header-content .header-content-inner p {
font-weight:300;
color:rgba(255,255,255,.7);
font-size:16px;
margin-bottom:50px;
}

@media (min-width:768px) {
header {
min-height:100%;
}

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;
}

header .header-content .header-content-inner p {
font-size:18px;
max-width:80%;
margin-left:auto;
margin-right:auto;
}
}

.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-bottom:0;
}

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

.portfolio-box .portfolio-box-caption {
color:#fff;
opacity:0;
display:block;
background:rgba(240,95,64,.9);
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;
}

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

.call-to-action h2 {
margin:0 auto 20px;
}

.text-primary {
color:#840204;
}

.no-gutter>[class*=col-] {
padding-right:0;
padding-left:0;
}

.btn-default {
color:#222;
background-color:#fff;
border-color:#fff;
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:#f2f2f2;
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] .btn-default:hover {
background-color:#fff;
border-color:#fff;
}

.btn-default .badge {
color:#fff;
background-color:#222;
}

.btn-primary {
color:#fff;
background-color:#840204;
border-color:#840204;
-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:#fff;
background-color:#600001;
border-color:#FF0004;
}

.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:#840204;
border-color:#840204;
}

.btn-primary .badge {
color:#840204;
background-color:#fff;
}

.btn {
border:none;
border-radius:300px;
font-weight:700;
text-transform:uppercase;
}

.btn-xl {
padding:15px 30px;
}

::-moz-selection {
color:#fff;
text-shadow:none;
background:#222;
}

::selection {
color:#fff;
text-shadow:none;
background:#222;
}

img::selection {
color:#fff;
background:0 0;
}

img::-moz-selection {
color:#fff;
background:0 0;
}

/*.homeHeading {
	background: rgb(219,219,219);
	background: -moz-linear-gradient(-45deg, rgba(219,219,219,0.7) 0%,rgba(165,165,165,0.7) 9%,rgba(125,126,125,0.7) 20%,rgba(14,14,14,0.7) 50%);
	background: -webkit-linear-gradient(-45deg, rgba(219,219,219,0.7) 0%,rgba(165,165,165,0.7) 9%,rgba(125,126,125,0.7) 20%,rgba(14,14,14,0.7) 50%);
	background: linear-gradient(135deg, rgba(219,219,219,0.7) 0%,rgba(165,165,165,0.7) 9%,rgba(125,126,125,0.7) 20%,rgba(14,14,14,0.7) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#0e0e0e',GradientType=1 );
	color: white;
	padding: 1.5em;
	font-family: playball, blackletter;
	text-shadow: 3px 3px 1px black;
	font-weight: bold;
	box-shadow: 0px 4px 5px 3px black;
	font-size: 3em;
}

.homeHeading2 {
	background: rgb(219,219,219);
	background: -moz-linear-gradient(-45deg, rgba(219,219,219,0.7) 0%,rgba(165,165,165,0.7) 9%,rgba(125,126,125,0.7) 20%,rgba(14,14,14,0.7) 50%);
	background: -webkit-linear-gradient(-45deg, rgba(219,219,219,0.7) 0%,rgba(165,165,165,0.7) 9%,rgba(125,126,125,0.7) 20%,rgba(14,14,14,0.7) 50%);
	background: linear-gradient(135deg, rgba(219,219,219,0.7) 0%,rgba(165,165,165,0.7) 9%,rgba(125,126,125,0.7) 20%,rgba(14,14,14,0.7) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#0e0e0e',GradientType=1 );
	color: white;
	padding: 0.5em;
	font-family: unifrakturcook, blackletter;
	text-shadow: 3px 3px 1px black;
	font-weight: bold;
	box-shadow: 0px 4px 5px 3px black;
	font-size: 3em;
}*/

.homeHeading {
	background-color: rgba(63,61,61,1.00) !important;
	color: white !important;
	font-weight: bolder;
	box-shadow: 0px 0px 9px 1px white;
	padding: 1em !important;
	font-family: playball, blackletter;
	text-shadow: 3px 3px 1px black;
	font-size: 2em;
}

.standout {
	border: thick;
	border-color: rgba(0,0,0,1.00);
}

.mobileshow {
	display: none;
}

@media screen and (max-width: 800px), screen and (max-height: 300px)  {

.mobileshow {
	display: inherit;

}

.btn-fireworks {
	font-size: .8em;
}	
	
.mobileshow > h3 {
	font-size: 100%;
}

.mobilehide {
	width: 75%;
	height: 75%;
}

.mobilehide2 {
	display: none;
}

.service-box {
	display: none;
}

.spinme {
	width: 12%;
	height: 12%;
}

}

.btn-fireworks {
	background-color: rgba(0,0,0,1.00);
	color: white;
	text-shadow: rgba(134,134,134,1.00);
	border-color:#FF0004;
}

.btn-fireworks.active,.btn-fireworks.focus,.btn-fireworks:active,.btn-fireworks:focus,.btn-fireworks:hover,.open>.dropdown-toggle.btn-fireworks {
color: black;
background-color: #969696;
border-color:#FF0004;
}

.fireworks {
	background-image: url(../img/fireworks.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.spinme {
	width: 25%;
	height: 25%;
	overflow: hidden;
    transition-duration: 1.0s;
    transition-property: transform;
}

.spinme:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

body {
    height:100vh;
    width: 100%;
    background: url(../img/background2.jpg) no-repeat center center; 
	background-color: grey;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.visible-background {
	background-color: rgba(0,0,0,0.92);
}

.indent {
	text-align: left;
	text-indent: 15px;
	padding-left: 12px;
	padding-right: 12px;
}

.indentMore {
	text-align: left;
	text-indent: 15px;
	font-size: 1.2em;
}

.center {
	text-align: center;
}

.btn-custom {
	font-weight: bold;
	font-size: 1.2em;
	background-color: #4D0001;
	border-style: groove;
	border-width: 5px;
	border-bottom-color: black;
	color: whitesmoke;
}

.btn-custom:hover {
	font-weight: bold;
	font-size: 1.2em;
	background-color: #940001;
	border-style: groove;
	border-width: 5px;
	border-bottom-color: black;
	color: white;
}

.StyleRemove {
	text-decoration: none;
	color: white;
}

.StyleRemove:hover {
	text-decoration: none;
	color: white;
}

.slideshow-container {
	position:relative;
}

.arrow-floating {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
	-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
	width:40px;height:40px;
	line-height:40px;
	user-select:none;
	display:inline-block;
	text-align:center;
	color:#fff;
	background-color:#000;
	overflow:hidden;
	z-index:1;
	padding:0;
	border-radius:50%;
	cursor:pointer;
	font-size:24px;
	
}

.arrow-floating:hover {
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.arrow-floating:disabled {
	cursor:not-allowed;
	opacity:0.3;
}

.arrow-floating:disabled *{
	pointer-events:none;
}

.arrow-floating:disabled, .arrow-floating:disabled:hover {
	box-shadow:none;
}

.arrows-right {
	-ms-transform:translate(0%,-50%);
	position:absolute;
	top:50%;
	right:0%;
	transform:translate(0%,-50%);
}

.arrows-left {
	-ms-transform:translate(-0%,-50%);
	position:absolute;
	top:50%;
	left:0%;
	transform:translate(0%,-50%);
}

li {
	text-align: left;
}

.booorder {
	border-style: ridge;
	border-color: white;
	border-width: medium;
}

.dropshadow {
	box-shadow: 0px 0px 25px 15px rgba(170,170,170,.7)
}

.dropshadow2 {
	box-shadow: 3px 3.5px 7px 1px black;
}

.splitter {
	max-width: none;
	border-color: black;
	margin: 5%;
}

.portfolio {
	background-image:url(../img/portcover.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 25px;
}

.bg-accent {
    background: url(../img/background1.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

/*.portfolioButton {
    top: 100px;
    left: 200px;
    display: inline-block;
    margin: 15px 5px;
    
    -webkit-border-radius: 10px;
    
    -webkit-box-shadow: 
        0px 3px rgba(128,128,128,1), 
        0px 4px rgba(118,118,118,1),
        0px 5px rgba(108,108,108,1),
        0px 6px rgba(98,98,98,1),
        0px 7px rgba(88,88,88,1),
        0px 8px rgba(78,78,78,1),
        0px 14px 6px -1px rgba(128,128,128,1);
    
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
}

.portfolioButton span {
    background-color: rgba(71,71,91,1.00);
    
    background-image: 

		-webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(255,255,255,0)), 
            color-stop(50%,rgba(255,255,255,0.3)), 
            color-stop(100%,rgba(255,255,255,0.2))),
        

		-webkit-gradient(
            linear, 
            left top, 
            right top, 
            color-stop(0%,rgba(210,210,210,0.3)), 
            color-stop(20%,rgba(210,210,210,0)), 
            color-stop(80%,rgba(210,210,210,0)), 
            color-stop(100%,rgba(210,210,210,0.3))),
        

		-webkit-gradient(
            linear, 
            left top, 
            right top, 
            color-stop(0%,rgba(255,255,255,0)), 
            color-stop(20%,rgba(255,255,255,0.5)), 
            color-stop(80%,rgba(255,255,255,0.5)), 
            color-stop(100%,rgba(255,255,255,0))),        
        

		-webkit-gradient(
            linear, 
            0% 100%, 
            100% 0%, 
            color-stop(0%,rgba(255,255,255,0)), 
            color-stop(40%,rgba(255,255,255,0)), 
            color-stop(40%,#D2D2D1), 
            color-stop(60%,#D2D2D1), 
            color-stop(60%,rgba(255,255,255,0)), 
            color-stop(100%,rgba(255,255,255,0)));
    
        -webkit-box-shadow:
            0px -1px red, 
            0px 1px 1px red; 
    
    -webkit-background-size: 100%, 100%, 100%, 4px 4px;
    
    -webkit-border-radius: 10px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    
    display: inline-block;
    padding: 10px 40px 10px 40px;
    
    color: #B00002;
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-BdCn20','PT Sans Narrow';
    font-weight: 700;
    font-size: 32px;
    
    text-shadow: 0px 1px #fff, 0px -1px #262F33;
}

        .portfolioButton span:hover {
            color: #B10003;
            text-shadow: 0px -1px black;
            cursor: pointer;
        }

        .portfolioButton:active {
            -webkit-box-shadow: 
                0px 3px rgba(128,128,128,1),
                0px 4px rgba(118,118,118,1),
                0px 5px rgba(108,108,108,1),
                0px 6px rgba(98,98,98,1),
                0px 7px rgba(88,88,88,1),
                0px 8px rgba(78,78,78,1),
                0px 10px 2px 0px rgba(128,128,128,.6); 
        }

        .portfolioButton:active span{
            -webkit-transform: translate(0, 5px); 
        }
*/

.button {
	min-width: 150px;
	max-width: 250px;
	display: inline-block;
	margin: 1em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.button:focus {
	outline: none;
}

.portfolioButton {
	font-size: 2em;
	color: white !important;
	background-color: rgba(63,61,61,1.00) !important;
	font-weight: bold;
	box-shadow: 0px 0px 5px 2px black;
}

.button.portfolioButton {
	background: #fff;
	color: rgba(63,61,61,1.00);
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.portfolioButton.button--inverted {
	background: none;
	color: #fff;
}
.portfolioButton::before,
.portfolioButton::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.portfolioButton::before {
	background: #A3A3A3;
}
.portfolioButton::after {
	background: rgba(63,61,61,1.00);
}
.portfolioButton:hover {
	background-color: rgba(63,61,61,1.00);
	color: white;
	font-weight: bolder;
	box-shadow: 0px 0px 9px 1px white;
}
.portfolioButton:hover::before,
.portfolioButton:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.portfolioButton:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

.protec {
	display: none;
}

.TandA {
	background-color: rgba(73,71,71,0.90);
	color: white;
	font-weight: bold; 
	padding: 1em;
	text-align: center;
	box-shadow: 0px 0px 5px 2px black;
}

.homePageVis {
	color: white;
	font-weight: bold; 
	text-align: center;
	padding: 1em;
	text-shadow: 1px 2px 3px black;
}

.homePageVis2 {
	background-color: rgba(0,0,0,0.25);
	padding: 2em 0em 2em 0em
}

.footer {
  color: white;
  font-size: 0.7em;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #1B1B1B;
  text-align: center;
}

.footer > a:link {
	color: #C10003;
	font-weight: bold;
}

.footer > a:visited {
	color: #C10003;
	font-weight: bold;
}

.linky > a:link {
	color: #C10003;
	font-weight: bold;
	font-style: italic;
}

.linky > a:visited {
	color: #C10003;
	font-weight: bold;
	font-style: italic;
}

.linky2 > a:link {
	color: white;
	font-weight: bold;
	font-style: italic;
}

.linky2 > a:visited {
	color: white;
	font-weight: bold;
	font-style: italic;
}

.linky2 > a:hover {
	color: #C90407;
	font-weight: bold;
	font-style: italic;
}


@media (min-width: 1200px) {
	
body {
    height:100vh;
    width: 100%;
    background: url(../img/background1.jpg) no-repeat center center; 
	background-color: grey;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: auto;
    position: relative;
}
}

/*h1 {
	-webkit-animation: background 12s cubic-bezier(1,0,0,1) infinite;
	animation: background 12s cubic-bezier(1,0,0,1) infinite; 
}*/

@-webkit-keyframes background {
 	0% { background-color: rgba(255,255,255,1.00); }
 	25% { background-color: rgba(255,255,255,0.75); }  
 	50% { background-color: rgba(255,255,255,0.50); }
	75% { background-color: rgba(255,255,255,0.25); }
	100% { background-color: rgba(255,255,255,0.00); }
}

@keyframes background {
 	0% { background-color: rgba(255,255,255,1.00); }
 	25% { background-color: rgba(255,255,255,0.75); }  
 	50% { background-color: rgba(255,255,255,0.50); }
	75% { background-color: rgba(255,255,255,0.25); }
	100% { background-color: rgba(255,255,255,0.00); }}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}