.animate					{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
		
		.flexslider, .flex-viewport	{width:100%;margin:0;padding:0;}
		
		.flexslider { position: relative; top: 0; bottom: 0;}
		.flexslider .slides		{}
			
		.flexslider .slides li 	{width:100%;margin:0;padding:0;			
								  -webkit-background-size: cover!important;
								  -moz-background-size: cover!important;
								  -o-background-size: cover!important;
								  background-size: cover!important;
		}
		
		.flex-control-nav 	{display:none;}
		
		.flex-direction-nav {display:none;}	

		.flexslider .opal { width: 100%; position: absolute; height: 100%; background-color: rgba(0,0,0,0.4);}
		
		.flex-caption		{position: absolute; top:35%; text-shadow:  0px 0px 10px #000;left:-5%;text-align: right;width:100%;color:#fff;}
	
		.flex-caption h1	{ color: #fff; font-size: 55px;margin:10% 0 10px 0;font-weight:200;text-transform: uppercase; letter-spacing: 3px}
		
		.flex-caption p		{ color: #fff; font-size: 16px;margin:0;font-weight:300;letter-spacing: 3px}
		
		.flex-caption a		{ z-index: 1000; text-shadow: none; text-transform: uppercase;; font-size: 13px;margin:20px 0;font-weight:600; display: inline-block; padding: 10px; border-radius: 5px; background-color: #fff; }
		
		@media (min-width: 768px) and (max-width: 980px) {
		
			.flex-caption h1	{font-size: 55px;}
		
			.flex-caption p		{font-size: 13px;}
			
			.flex-control-nav 	{bottom: 25%; }

		}


		@media (max-width: 767px) {
		
			.flex-caption h1	{font-size: 35px;}
		
			.flex-caption p		{font-size: 10px;}
			
			.flex-control-nav 	{bottom: 15%; }	
				
		}