/*
@@@@@@@@@@@@@@@@@@@@@@
gallery
@@@@@@@@@@@@@@@@@@@@@@

	about				gallery components

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	/// galleryBootstrap
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		.galleryBootstrap{position:relative; margin:-50px -50px 100px -50px;    -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;  border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; overflow:hidden; }
		.galleryBootstrap:before{content:""; position:absolute; top:0; left:0; right:0; height:85px;  background: url(assets/img/galleryBootstrapTop.png) no-repeat top center; background-size: cover; z-index:100;  }


		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		✚ 	parts
		:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
		
			.galleryBootstrap .item p{font-family:'Postface'; line-height:1; text-shadow:-1px -1px 0 rgba(0,0,0,0.8);}

			.galleryBootstrap .carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}

			.galleryBootstrap .carousel-indicators{position:absolute; top:0; right:0; left:auto; bottom: auto;  z-index:150; padding:10px 10px;text-align:right; margin:0px 0px 0px 0px; width: auto; }
			.galleryBootstrap .carousel-indicators li{display:block; opacity: 0.5; width:6px; height:6px; background-color:#fff; margin:0px 0px 3px 0px;  }
			.galleryBootstrap .carousel-indicators li.active, .galleryBootstrap .carousel-indicators li:hover{opacity: 1;}

			.galleryBootstrap .carousel-control span{display:none; }
			
			.galleryBootstrap-mainHeading{text-align:center; top: 20%; left:10%; right: 10%;}
			.galleryBootstrap-mainHeading p{font-size:50px; }
			.galleryBootstrap-mainHeading a{margin-top: 10px;}

			.galleryBootstrap .gridOpacityBorder{position:relative; margin-top: -225px; z-index:200; }

		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		✚ 	version
		:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

			.galleryBootstrap.small{margin-bottom: 50px;}
			.galleryBootstrap.small .item{height:150px; }
			.galleryBootstrap.small .galleryBootstrap-mainHeading{text-align:left; left:50px; top:60px;}
			.galleryBootstrap.small .galleryBootstrap-mainHeading p{font-size:37px;}

			.galleryBootstrap.medium{margin-bottom: 50px;}
			.galleryBootstrap.medium .item{height:340px; }
			.galleryBootstrap.medium .galleryBootstrap-mainHeading{text-align:left; left:50px; top:auto; bottom:0px;}
			.galleryBootstrap.medium .galleryBootstrap-mainHeading p{font-size:37px;}


		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		✚ 	media
		:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

			@media (min-width:0px) and (max-width:767px){
				
				.galleryBootstrap .gridOpacityBorder{margin-top: 0; }
			
				.galleryBootstrap{margin-left: -65px; margin-right: -65px; margin-bottom: 20px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

				.galleryBootstrap-mainHeading{top: 20%; left:0%; right: 0%; bottom: 0;}
				.galleryBootstrap-mainHeading p{font-size:25px; padding:0px 50px;}
				.galleryBootstrap-mainHeading a{position:absolute; bottom:0px; right: 0px; left:0px; text-align:left; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
				.galleryBootstrap-mainHeading a i{position:absolute; top:15px; right:15px;}
				
				.galleryBootstrap.small .galleryBootstrap-mainHeading{text-align:left; left:25px; top:40px;}
				.galleryBootstrap.small .galleryBootstrap-mainHeading p{font-size:30px; padding:0px 0px 0px 0px; }

				.galleryBootstrap.medium .item{height:150px; }
				.galleryBootstrap.medium .galleryBootstrap-mainHeading{left:25px; top:auto; bottom:10%;}
				.galleryBootstrap.medium .galleryBootstrap-mainHeading p{font-size:30px; padding:0px 0px 0px 0px; }


			}			
			
			@media (min-width:768px) and (max-width:991px){
				
				.galleryBootstrap-mainHeading{top: 5%;}
				.galleryBootstrap .gridOpacityBorder{margin-top: -180px; height:180px; }

			}			
			
			@media (min-width:992px) and (max-width:1199px){
				
				
			}			
			
			@media (min-width:1200px){
				
				
			}	



		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		✚ 	animation
		:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
			
			/* Fade transition for carousel instead of left to right animation */
			.carousel .item { left: 0 !important;  -webkit-transition: opacity .4s; -moz-transition: opacity .4s;-o-transition: opacity .4s;transition: opacity .4s;}
			.carousel-control{background-image: none !important; /* remove background gradients on controls */}

			/* Fade controls with items */
			.next.left,.prev.right {opacity: 1;z-index: 1;}
			.active.left,.active.right {opacity: 0;z-index: 2;}