	@charset "utf-8";
	/* CSS Document */
	
	/*------------------------------------------
	Project Name : SunRise construction & Builder company
	Desgined By  : blog_designer
	Developed By : Asif Munawar;
	Date        :  05/Sep/18;
	
	Table Of Index
	------------------
	1. Base
	2. preloader
	3. Scroll To Top
	4. Main Header
	5. quote-modal
	6. login-modal
	7. registration-modal
	8. search-button
	9. about-info
	10. contactWrap
	11. whyWeChoose
	12. portfolio
	13. freelance-section
	14. Static Slider
	15. testimonial
	16. counter
	17. brand-section
	18. footer-sec
	19. inner-heading
	20. contactWrap
	21. map
	22. aboutUs
	23. blogWrap
	24. Side Bar
	25. Archive
	26. Photo Bar
	27. Tags
	28. commentArea
	29. Error page
	30. ComingSoon
	31. FAQS
	32. service-single
	33. Shop
	34. single-shop
	35. blogWrapper
	36. media screen
	
	------------------------------------------*/

	
	/*********************************************************
						  brand-section
	**********************************************************/
.brand-section{
	position:relative; 
	padding:32px 0px 15px 0px; 
	background-color:#f5f5f5;
}
.brand-section .brand-content{
	position:relative;
	padding:0px 10px;
}
.brand-section li{
	position:relative;
	margin:0 auto;
	text-align:center;
}
.brand-section .owl-controls{
	display:none !important;
}
.logo-grey-style{
	color:#fff;
	position:relative;
	overflow:hidden;
	color:#000000;
	text-align:center;
}
.logo-grey-style {
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}
.logo-grey-style img{
	-webkit-transition:opacity 0.6s;
	transition:opacity 0.6s;
}
.logo-grey-style figcaption{
	position:absolute;
	top:0; 
	width:100%;
	height:80%;
	overflow:hidden;
	-webkit-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.logo-grey-style h5{
	margin:0;
	position:absolute;
	width:70%;
	text-align:center;
	left:0; 
	opacity:0;
	font-weight:400;
	text-transform:uppercase;
	bottom:0;
	-webkit-transform:translate3d(0%, 150%, 0);
	transform:translate3d(0%, 150%, 0);
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-transition-delay:0s;
	transition-delay:0s;
}
.logo-grey-style a{
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
}
.logo-grey-style:hover img, .logo-grey-style.hover img{
	opacity:0.3;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
}
.logo-grey-style:hover figcaption, .logo-grey-style.hover figcaption{
	height:60%;
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
}
.logo-grey-style:hover figcaption h5, .logo-grey-style.hover figcaption h5{
	opacity:0.9;
	-webkit-transform:translate3d(0%, 0%, 0);
	transform:translate3d(0%, 0%, 0);
}
