/**
 * Stylesheet:  style.css
 * Theme:       ClearPro - Cleaning Service HTML5 Responsive Template
 * Version:     1.0
 * Author:     	Md. Shiddikur Rahaman
 * URL:         https://themeearth.com/th/html/clearpro
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Service Section
9.Count Up Section 
10.Why Choose Us Section
11.Call To Action Section
12.Pricing Section
13.FAQ Section
14.Blog Section
15.Sidebar Section
16.Testimonial Section
17.Page Heading Section
18.Team section
19.About Page
20.Contact Page
21.Footer Section
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/


/*
10.Why Choose Us Section
============================*/
.project-sec .item {
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.project-sec .item .project-thumb{
position: relative;
transition: all 0.4s ease-in-out 0s;overflow: hidden;
}
.project-sec .item:hover .project-hoverlay{visibility:visible;opacity:1;transform: scale(1);}
.project-hoverlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 144, 203, 0.7);
	transition: all 0.4s ease-in-out 0s;
	visibility: hidden;
	opacity: 0;
	transform: scale(0);
}
.project-sec .item:hover h2 a{background: #242424;}
.project-sec .item h2 a {
background: #0090cb none repeat scroll 0 0;
color: #fff;
display: inline-block;
padding: 10px 0;
text-align: center;
width: 100%;
}
.project-sec .item  h2 {
  margin-bottom: 0;
}
.project-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.project-text  a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  line-height: 50px;
  border-radius: 100%;
  margin-bottom: 15px;color:#f98f01
}
.project-text  a:hover{background:#242424;color:#fff;transition: all 0.4s ease 0s;}
.project-text  h3 {
  color: #fff;
  text-transform: uppercase;
}
.project-sec .item img {
  width: 100%;
}
.why-choose-sec {
	display: inline-block;
	width: 100%;
	margin-top: -1px;
}

.why-choose-sec h2 {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}
.why-choose-sec a {
border:1px solid #fff;
  border-radius: 60px;
  color: #fff;
  display: inline-block;
  margin-left: 10px;
  margin-top: 8px;
  padding: 10px 30px;
}
.why-choose-sec a:hover{background:#f98f01;border-color:#f98f01;transition: all 0.4s ease 0s;}
.why-choose-text {
  float: left;
  padding-left: 100px;
  padding-right:0px;
  width: 50%;
  
   background-color: #fff;
  background-image: url("../images/slide1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; 
}
.why-choose-text:before {
background-color: rgba(249, 143, 1, 0.1);
height: 100%;
position: absolute;
top: 0;
width: 100%;content:"";left:0;transition: all 0.4s ease 0s;
}

.why-choose-inner {
color: #fff;
padding-right: 70px;
position: relative;
text-align: center;
z-index: 9;
padding-top: 35px;
padding-bottom: 35px;
}
.about-us-text {
  float: right;
  padding-left:0px;
  padding-right: 100px;
  width: 50%;
  
    background-color: #fff;
  background-image: url("../images/slide2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;  
}
.about-us-inner {
color: #fff;
padding-left: 70px;
position: relative;
text-align: center;
z-index: 9;
padding-top: 35px;
padding-bottom: 35px;
}
.about-us-text:before {
background-color: rgba(0, 144, 203, 0.1);
height: 100%;
position: absolute;
top: 0;
width: 100%;content:"";left:0; transition: all 0.4s ease 0s;
}
.why-choose-text:hover.why-choose-text:before{background-color: rgba(0, 0, 0, 0.8); transition: all 0.4s ease 0s;}
.about-us-text:hover.about-us-text:before{background-color: rgba(0, 0, 0, 0.8); transition: all 0.4s ease 0s;}


/*
13.Project Section
============================*/

.why-choose .inner {
margin-bottom: 30px;
text-align: center;
}
.why-choose .inner:hover i{background:#f98f01;transition: all 0.4s ease 0s;color:#fff;}
.why-choose .inner:hover h2{
  color: #f98f01;
}
.why-choose .text-center img {
width: 100%;
}
.why-choose .inner:nth-child(2n+1) {
  clear: both;
}

/* The End */