/*

	Theme Name: Trent Child Theme
	Template: trent-theme

*/



/*------------------------------------------------------------------

1. General Styles
2. Preloader
3. Sections Styles
4. Animations
5. Shortcodes
6. Contact Map
7. Contact Form
8. Footer
9. Responsive Media Querries

-------------------------------------------------------------------*/	

@import url("../trent-theme/style.css");
#zaufali-nam .flexslider .slides2 img {
    width:auto !important;
    display: inline-block !important;
	text-align:center !important;
}
#zaufali-nam .flex-direction-nav a {
	opacity:1 !important;
}
#zaufali-nam .flexslider .flex-next:hover, 
#zaufali-nam .flexslider .flex-prev:hover {
    opacity: 0.3 !important;
}
#zaufali-nam .flexslider img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
   opacity: 0.3 !important;
}
#zaufali-nam .flexslider img:hover {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
   opacity:1 !important;
}
#zaufali-nam .container {
    padding: 70px 20px 30px !important;
}
.slides2 {margin: 0; padding: 0; list-style: none;}
.flexslider .slides2 > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides2 img {width: 100%; display: block;}
/* Clearfix for the .slides element */
.slides2:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides2 {display: block;}
* html .slides2 {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides2 > li:first-child {display: block;}
.flexslider .slides2 { zoom: 1; }
@media screen and (min-width: 1030px) {
	#zaufali-nam .flex-direction-nav a.flex-next {
		right:15%;
	}
	#zaufali-nam .flex-direction-nav a.flex-prev {
		left:15%;
	}
}
@media screen and (max-width: 767px) {
	#zaufali-nam .flex-direction-nav a.flex-next {
		right:-17%
	}
	#zaufali-nam .flex-direction-nav a.flex-prev {
		left:-17%;
	}
}
@media screen and (max-width: 560px) {
	#zaufali-nam .flex-direction-nav a.flex-next {
		display:none;
	}
	#zaufali-nam .flex-direction-nav a.flex-prev {
		display:none;
	}
}