/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
 
 
 
 /* nevigation start  */
 
 
 a.one:link {color: #b5eef8;}
 a.one:visited {color: #00a8c5;}
 a.one:hover {color: #ff0000;}
 
 a:link, a:visited {
	background-color: ;
	color: #980;
	padding: 5px 5px;
	text-align: center;
	display: inline-block;
  }
  
  a:hover, a:active {
	 color:rgb(181, 0, 0);
   }

  a:link.layout, a:visited.layout {
		 color: #600;
		 margin:auto;	
		 text-align: center;
		 padding: 0px 0px;
	}
	
	a:hover.layout,a:active.layout {
		 color: #b00;
		 margin:auto;	
		 text-align: center;
	}
	

  a:link.menu  {
	  color: #bbb;
	  padding: 6px;
	  font-family: 'Oswald', sans-serif;
	  background-color: #000;
	  margin:auto;	
	  font-size: 20px;
	  text-align: center;
	  text-transform: uppercase;	 
 }
 
 
 a:link.image  {
	   color: #bbb;
	   padding: 0px;
  }

  

     
.navbar {
		text-align:left;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 20px;
      padding-bottom: 0px;
      background-color: #4c4c4c;
      border: 0;
      font-size: 22px !important;
      letter-spacing: 2x;
      word-spacing: 0px;
	  font-family: 'Oswald', sans-serif;
      font-color: #000;
	  margin: auto;
	  width: 75%;
}

.centerdivmenu {
	width: 100%;
	font-family: 'Oswald', sans-serif;
	background-color: #000;
	margin:auto;
	padding: 0px;	
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}

.centerdivhead {
	width: 70%;
	color: #fffcd1;
	font-family: 'Oswald', sans-serif;
	background-color: #555;
	margin:auto;
	padding: 2px;	
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
}

h2.menu{
	color: #fffcd1;
	font-family: 'Oswald', sans-serif;
	margin:auto;
	padding: 10px;	
	font-color: #fff;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;

}
 
 

  .dropdown-menu {
  	background-color: #1b1b5f;
  	}
  	
 p.menusub {
     padding-right: 20px;
    padding-left: 80px;
	padding-top: 10px;
	text-align:center;
	 font-size: 22px !important;
	line-height: 30px !important;
	 word-spacing: 0px;
	 font-family: 'Oswald', sans-serif;
    color: #ababab;
	margin: auto;
	 width: 100%;
    } 
    
    
 .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}   

  	
.w3-button{
	padding:none;
}
	



.navcenter {
	margin: auto;
	width: 100%;	
}



/* nevigation end  */ 


/* containers  */ 
.slideshow-container {
margin:auto;
width: 80%;	
}



.container-modals {
background-color:#ffffff;
padding:0px;
margin:0px;
margin:auto;
max-width: 80%;
min-height:500px;
}

.container-modals-white {
background-color:#ffffff;
padding:0px;
margin:0px;
margin:auto;
max-width: 75%;
min-height:500px;
}

.container-bottom {
background-color:#efeee1;
padding:0px;
margin:0px;
margin:auto;
max-width: 75%;
}

.container {
background-color: #ffffff;
padding:10px;
margin: auto;
}

.centerdivfifty {
	margin:auto;
	width: 50%;
	padding:none;
}

.centerdivsixty {
	margin:auto;
	width: 60%;
}

.centerdivseventy {
	margin:auto;
	width: 70%;
}

.centerdiveighty {
	margin:auto;
	width: 80%;
}

.centerdivhome {
	background-color: #303030;
	margin:auto;
	width: 80%;
}

.centerdivninety {
	margin:auto;
	width: 90%;
	background-color:#ffffff;
}

.centerdiv {
	margin:auto;
	width: 100%;
	background-color:#ffffff;

}


.image-button {
	width: 100%;
  border: none;
  padding: none;
  margin: none;
  background-color: #FFF;
}



 /*controls size of lightbox - photos will size in proportion*/   
.modal-content {
	padding: 20px 0px 0px 0px;
	margin:auto;
	width: 50%;
}

.modal-body {
margin: auto;
width: 100%;
}

.thumbnails {
margin: auto;
width: 50%;
}

.card.h-100 {
      padding-left: 40px;
      padding-right: 40px;
     border: solid;
	border-color: #000000;
	border-width: 0px;
}

.card {
	border: solid;
	border-color: #3c3c3c;
	border-width: 1px;
	background-color: none;
}


/* containers end  */ 
.w3-cell {
	padding: 16px;	
}



/* rows  */ 
.row {
	padding-top: 00px;
	padding-bottom: 00px;
	padding-right: 0px;
	padding-left: 0px;
	margin: auto;
	width:100%;
}



.row.next {
	padding-top: 20px;
	margin: auto;
	width:70%;
}

.row-pics {
	width: 90%;
	margin: auto;	
}

/* rows end  */ 

/* images  */ 


.img-centered {
	margin: auto;
	width: 100%;
	
}

.img-home {
	margin: auto;
	width: 100%;
	border: solid;
	border-color: white;
	border-width: 1px; 
	
}  

.img-detail {
	display: block;
	border: solid;
	border-width: 1px; 
	margin: auto;
	width: 100%;
	
} 

.img-mask {
display: block;
width: 60%;  
margin: auto;

	
}
  
.img-lightbox {
	display: block;
	border: solid;
	border-color: #fff;
	border-width: 0px;
	max-height: 800px; 
	max-width: 800px;  
	padding: 0px;
	margin: auto;
}

.img-single {
	display: block;
	border: solid;
	border-color: #000;
	border-width: 1px; 
	width: 100%;  
	padding: 0px;
	margin: auto;
}

.img-snippet {
	display: block;
	width: 100%;  
	padding: 0px;
	margin: auto;
}

.img-portrait {
	display: block;
	border: solid;
	border-color: #000;
	border-width: 1px; 
	width: 80%;  
	padding: 0px;
	margin: auto;
}

.img-small {
	display: block;
	border: solid;
	border-color: #000;
	border-width: 1px; 
	max-width: 45%;  
	padding: 0px;
	margin: auto;
}

.img-logo {
	display: block;	
	max-width: 45%;  
	padding: 0px;
	margin: auto;
}

.img-landscape {
	display: block;
	border: solid;
	border-color: #000;
	border-width: 1px; 
	width: 100%;  
	padding: 0px;
	margin: auto;
}

.img-wrapleft {
 float: left;
	max-width: 20%; 
		margin: auto;
		padding: 5px 10px 5px 0px;
}

/* images end  */ 
 
.portfolio-link {
	color: #990000;
	width: 100%; 
		margin: auto;
		text-align:center;
	padding: 12px;
	border: 0px;
}

.responsive {
  max-width: 100%;
  height: auto;
}

.history { 
	background-color: #444444;
}

.imagined { 
	background-color: #6f6f6f;
}


body {
  padding-top: 0px;
  background-color: #990000;
}

body.canada {
  padding-top: 0px;
  background-color: #990000;
}

body.maskprint{
  padding-top: 0px;
  background-color: #242c66;
}

body.hockeydogs{
  padding-top: 0px;
  background-color: #db5a00;
}

body.ga{
  padding-top: 0px;
  background-color: #ddac00;
}



.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.formdiv {
	font-color: #ff00e1
	text-size: 36px;
	text-align: center;
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding-bottom:10px;		
} 

 


.page-contact {
	padding-top: 50px;
}

.bg-k {
    background-color: #000;
}

.bg-dark {
    background-color: #000000 !important;
}


h1.heading{
	color: #a40000;
	text-size: ;
	text-align: center;
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 8px;
}

h1.headingone{
	color: #000000;
	text-size: ;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 8px;
}

h1.headingtwo{
	color: #9c0000;
	text-size: ;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 8px;
}



h1.pages{
	color: #0c1a48;
	text-size: ;
	text-align: center;
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 24px;
	margin-top: 0px;

} 

h1.home{
	color: #ffffff;
	text-size: ;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 24px;
	margin-top: 0px;

}   


h2{
	color: #001490;
	text-size: 48px;
	text-align: center;
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 2px;
	margin-top: 0px;
}

 
h2.menu{
	color: #fffcd1;
	font-size: 20px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	line-height: 2.4 em;
	padding: 10px;

} 
 
 
 
h2.front{
	color: #942600;
	text-size: 48px;
	text-align: center;
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 32px;
	margin-top: 0px;
}

h3{
	color: #a50000;
	text-size: 36px;
	text-align: center;
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 1.4 em;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;

} 


h3.sub{
	color: #0c1a48;
	text-size: 36px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 8px;
}


h3.reverse{
	color: #ffffff;
	background-color: #0c1a48;
	text-size: 36px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding: 0px;
}

.subhead{
	color: #c44343;
	text-size: 24px;
	text-align: center;
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 12px;
	margin-top: 0px;
}   

h4{
	color: #a94242;
	text-size: 24px;
	text-align: center;
    font-family: 'Oswald', sans-serif;
	text-transform: ;
	letter-spacing: 0.10em;
	line-height: 1.4 em;
	padding-top: 16px;
	margin-top: 0px;
} 




h5{
	color: #000000;
	text-size: 112px;
	text-align: center;
    font-family: 'PT Sans', sans-serif;
	text-transform: ;
	letter-spacing: 0.10em;
	line-height: 1.4 em;
	padding-top: 2px;
	margin-top: 0px;
} 

h4.subhead{
	color: #000000;
	text-size: 24px;
	text-align: center;
    font-family: 'PT Sans', sans-serif;
	text-transform: ;
	letter-spacing: 0.04em;

	padding-top: 2px;
	margin-top: 0px;
} 



p {
    text-size: 24px;
    text-align:center;
    margin-top: 0;
    font-family: 'PT Sans', sans-serif;
    color: #454545;
    letter-spacing: 0.10em;
	margin-bottom: 1rem;
	margin: auto;
	width: 70%;
}

p.left {
    text-size: 14px;
    text-align:left;
    margin-top: 0;
    font-family: 'PT Sans', sans-serif;
    color: #454545;
    letter-spacing: 0.10em;
	margin-bottom: 1rem;
	margin: auto;
	width: 70%;
}

p.front {
    text-size: 24px;
    text-align:center;
    margin-top: 0;
    font-family: 'PT Sans', sans-serif;
    color: #5c0707;
    letter-spacing: 0.10em;
	margin-bottom: 1rem;
	margin: auto;
	width: 70%;
}


p.tagline {
	color: #fff;
font-size: 24px;
text-align: center;
font-family: 'Euphoria Script', cursive;
letter-spacing: 0.10em;
padding: 0px, 12px, 0px, 12px;

margin-top: 0px;	
	}

p.card-text {
text-size: 24px;
	color: #000;
}


    
 p.footer {
	 	text-align:center;
	 font-size: 16px !important;
	 font-family: 'Oswald', sans-serif;
    color: #c7c7c7;
	margin: auto;
	 width: 100%;
 }
 
 p.subtitle {
		  text-align:center;
	  font-size: 20px !important;
	font-family: 'Oswald', sans-serif;
	 color: #000;
	 margin: auto;
	 padding-bottom: 12px;
	  width: 100%;
 
  }  
  
  p.title {
			text-align:center;
		font-size: 24px !important;
		font-family: 'Oswald', sans-serif;
	   color: #6b6b6b;
	   margin: auto;
		width: 100%;
   
	}  

p.contact{
	text-align:left;
}

p.modaltext{

font-size: 18px !important;
font-family: 'PT Sans', sans-serif;
color: #4e4e4e;
margin: auto;
width: 100%;
}

hr.style7 {
	border: 1px solid #ffffff;
	border-color: #888;
	width: 70%;
	margin: auto;
}

h4.card-title {
	text-align:center;
	color: #151f66;
}



.card.hdogs {
margin: auto;
width: 100%;
}

.card.classic {
margin: auto;
width: 50%;
}


.modalbutton{
 text-align: center;
  /*higher percentage moves it to the left*/ 
  width:100%;
}



.portfolio-item {
background-color: ;
  margin-bottom: 30px;
  padding:0px 0px;
}

.topbar{
    margin: auto;
		width: 100%;
		      background-color: #000;
}

          .footbar {
	text-align:center;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 0px;
      padding-bottom: 0px;
      background-color: #4c4c4c;
      border: 0;
      font-size: 22px !important;
      letter-spacing: 2x;
      word-spacing: 28px;
	  font-family: 'Oswald', sans-serif;
      font-color: #000;
         margin: auto;
  width: 100%;
    }
  

.footer {
  background-color: #eed;
	padding: 10px;
margin: auto;
  width: 80%;
}
.footbox {
	padding: 0px;
	margin: auto;
  width: 100%;
  }

/* Slideshow container */
  .slideshow-container {
	max-width: 70%;
	position: relative;
	margin: auto;
  }
  
  /* Next & previous buttons */
  .prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
  }
  
  /* Position the "next button" to the right */
  .next {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
  }
  
  /* Caption text */
  .text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
  }
  
  /* The dots/bullets/indicators */
  .dot {
	cursor:pointer;
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #FFF;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
  }
  
  .active, .dot:hover {
	background-color: #FFF;
  }
  
  /* Fading animation */
  .fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 6s;
	animation-name: fade;
	animation-duration: 2s;
  }
  
  
  @-webkit-keyframes fade {
	from {opacity: .0} 
	to {opacity: 1}
  }
  
  @keyframes fade {
	from {opacity: .0} 
	to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
	.prev, .next,.text {font-size: 11px}
  }