/* TEMPLATE STYLES */
        
        
        /* Navigation*/
        /*
        .navbar {
            background-color: transparent;
        }
        
        */
        /*Call to action*/
        
        .flex-center {
            color: #fff;
        }
        
        .view {
            /* background: url("https://mdbootstrap.com/img/Photos/Others/img%20(50).jpg")no-repeat center center fixed; */
			/* background: Green;*/
			 /* background: url("IMG_001.jpg")no-repeat center center fixed; */
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
		.ph1{
			background: url("../images/thumbs/TAT34_ 047.JPG")repeat center center fixed;
		}
		
		.gold{
			background: Gold;
		}
		.green{
			background: Green;
		}
		.tan{
			background: Tan;
		}
		.white{
			background: White;
		}
		.black{
			background: Black;
		}
		.t-black{
			color: Black;
		}
		.t-white{
			color: White;
		}
		.t-gold{
			color: Gold;
		}
		
		.no-marg 
		{
			margin: 0 0 0 0;
		}
		.no-pad 
		{
			padding : 0px;
		}
		
	.img69 
	{
		/*  margin-bottom: 0px;  */
		 /* opacity: 0.8; */
    	color: #fff;
    /*  background: #000 url("https://bootstrapcreative.com/wp-bc/wp-content/uploads/2017/03/learning-story.png") top center no-repeat;  */
	background: #000 url("../images/medium/TAT34_ 049.JPG")  ;
	/* background-repeat: repeat-y;*/
	
		/*  background-size: cover; */
	}
	
	.img1
	{
		
		background:  url("../images/medium/TAT34_ 049.JPG")  ;
		background-size: cover; 
	}
	.img2
	{
		background:  url("../images/brushed-alum.png")  ;
	}
	
	
	.img3
	{
		background:  url("../images/3px-tile.png")  ;
		background:  url("../images/asfalt-light.png")  ;
		background:  url("../images/basketball.png")  ;
		background:  url("../images/black-linen-2.png")  ;
		background:  url("../images/black-scales.png")  ;
		background:  url("../images/black-twill.png")  ;  /*  cross hash pattern */
		background:  url("../images/brick-wall.png")  ;
		
		background:  url("../images/bright-squares.png")  ; /* good light mask */
		background:  url("../images/carbon-fibre-big.png")  ;
		background:  url("../images/cartographer.png")  ; /* like */
		background:  url("../images/concrete-wall.png")  ;
		background:  url("../images/cream-paper.png")  ;
		background:  url("../images/crissxcross.png")  ;
		background:  url("../images/cross-scratches.png")  ;/* like */
		background:  url("../images/cutcube.png")  ;
		background:  url("../images/dark-mosaic.png")  ;
		background:  url("../images/dark-wood.png")  ;/* like */
		background:  url("../images/dirty-old-black-shirt.png")  ;
		background:  url("../images/escheresque-dark.png")  ;
		background:  url("../images/food.png")  ;
		background:  url("../images/football-no-lines.png")  ;/* like */
		background:  url("../images/gplay.png")  ;
		
		background:  url("../images/grey-washed-wall.png")  ; /* yes */
		background:  url("../images/hixs-evolution.png")  ;
		background:  url("../images/iron-grip.png")  ;

		background:  url("../images/leather.png")  ;/* like */
		background:  url("../images/maze-black.png")  ;/* yes */
				
		background:  url("../images/my-little-plaid-dark.png")  ;/* yes */
		background:  url("../images/micro-carbon.png");/* yes */
		
			background:  url("../images/old-map.png");
		background:  url("../images/padded.png");  /* like */
		background:  url("../images/perforated-white-leather.png");
		background:  url("../images/purty-wood.png");/* yes */
		background:  url("../images/rebel.png");
		background:  url("../images/retina-wood.png");    /* yes */
		background:  url("../images/shley-tree-1.png");
		background:  url("../images/shattered-dark.png");
		background:  url("../images/skulls.png"); /* like */
		background:  url("../images/subtle-stripes.png");
		background:  url("../images/tileable-wood-colored.png");
		background:  url("../images/tree-bark.png");
		background:  url("../images/wall-4-light.png");
		background:  url("../images/white-leather.png");
		background:  url("../images/wood.png"); /* like */
		background:  url("../images/wood-pattern.png");
		background:  url("../images/black-lozenge.png");/* like */
		background:  url("../images/fresh-snow.png");/* yes */
		background:  url("../images/wet-snow.png");/* yes */
		
		
		background:  url("../images/grey-washed-wall.png")  ; /* yes best white*/ 
		background:  url("../images/micro-carbon.png");/* yes */
		
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.opa-11
	{
		opacity: 1;
	}
	.opa-8
	{
		opacity: 0.8;
	}
		
		.junk
		{
			background-size: cover;
		overflow: hidden;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		width: 100%;
		height: 100%;
		}
		
		
	.jumbotron-billboard .img {
    margin-bottom: 0px;
    opacity: 0.2;
   /* color: #fff;
	color: #111; */
    /*  background: #000 url("https://bootstrapcreative.com/wp-bc/wp-content/uploads/2017/03/learning-story.png") top center no-repeat;  */
	/*background: #000 url("../images/thumbs/TAT34_ 047.JPG") top center ; */
	/* background-repeat: repeat-y;*/

    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}


.jumbotron-test {
    margin-bottom: 0px;
   
   
    z-index:1;
}

		
		.scroll-150 {
		  height:150px;
		  overflow-y: scroll;
		}
		.scroll-250 {
		  height:250px;
		  overflow-y: scroll;
		}
		
		
/*		
	.navbar {
    position: absolute; top: 0; width: 100%;
    
}
.jumbotron{
	padding-top:64px;
    
          }
	*/	
		
	.center 
	{
		text-align: center;
	}
/* == This gets rid of the space where the NAV use to be == */
	html, body
	{
		margin:0px;
		padding:0px;
	}
/* ======================================================== */
	
	/* Hover effect below to bottom */
	
	
	
	
	
	.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect a.info, .hovereffect h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}

.hovereffect:hover a.info, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
	
	
	
	
	
	
/*  ========================================================   */
/*  button bootstrap                                           */

	
	/* ================ */
	
.btn-orange{
  color: #212529;
  background-color: #ffbf00;
  border-color: #ffbf00;
}

.btn-orange:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}