@charset "UTF-8";
/* CSS Document */


 
.special_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		max-height: 380px; 
		margin-top:10px;
	}
	.special_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-268px);
		-webkit-transform:translateY(-268px);
		-moz-transform:translateY(-268px);
		-ms-transform:translateY(-268px);
		-o-transform:translateY(-268px);
		
	}
	.special_intro_hover img{
		z-index: 4;
	}
	.special_intro_hover .caption{
		position: absolute;
		top:200px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	
	.shim {
		margin-bottom:43px
	}
	
	@media screen and (min-width:1041px) and (max-width:3000px){
		.special_intro_hover .caption{
		position: absolute;
		top:268px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
		
	}
	
	@media screen and (min-width:800px) and (max-width:1200px){
		.special_intro_hover .caption{
		position: absolute;
		top:220px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
		
	 h3.capsmall   {
		 font-size:13px;
	 }
	 
	 
 
	}
	
	
	@media screen and (min-width:600px) and (max-width:1100px){
	.shim {
		margin-bottom:0px !important;
	}
 
	}
	
	
	@media screen and (min-width:600px)  and (max-width:799px){
		.special_intro_hover .caption{
		position: absolute;
		top:165px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	
	.special_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-218px);
		-webkit-transform:translateY(-218px);
		-moz-transform:translateY(-218px);
		-ms-transform:translateY(-218px);
		-o-transform:translateY(-218px);
		
	}
	 
	 h3.capsmall   {
		 font-size:13px;
	 }

	
	
		
	}
	
	@media screen and (min-width:331px) and (max-width:450px){
		.special_intro_hover .caption{
		position: absolute;
		top:295px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	
 
		
	}
	
	
	@media screen and (max-width:330px){
		.special_intro_hover .caption{
		position: absolute;
		top:255px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
		
	}
	
	.special_intro_hover .blur{
		background-color:#1A4677;
		height: 370px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.special_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 250px;
		text-align: center;
		top:-20px;
		width: 100%;
	}