body{
font-family: 'Roboto', sans-serif;
font-size:16px;
line-height:1.7;
}
p{
font-family: 'Roboto', sans-serif;
}
.logo{
	width:90px;
	padding:5px 0;
}

.navbar-inverse {
background: rgba(0,0,0,0.7);
border: none;
}
.navbar-inverse .navbar-nav>li>a {
color: #fff;
font-size:16px;
padding:23px 15px;
}
.navbar-nav>li {
margin-right:10px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #ffca28;
background:none;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
color: #ffca28;
background-color: transparent;
}
/*=================carousel=================*/
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}
/*==============about us================*/
.about{
width:100%;
background:#f3f1f1;
position:relative;
padding:70px 0;
}
.about h2{
font-size:35px;
font-weight:bold;
text-align:center;
color:040404;
margin-bottom:15px;
}
.about p{
font-size:16px;
color:040404;
}
/*==============services================*/
.services{
width:100%;
background:#fdfdfd;
position:relative;
padding:70px 0;
}
.services h2{
font-size:35px;
font-weight:bold;
color:#040404;
margin-bottom:20px;
text-align:center;
}
.services1{
padding-left:0;
}
.services2{
padding-right:0;
}
.services3{
padding-left:0;
}
.services h3{
font-size:25px;
font-weight:bold;
color:#040404;
margin-top:50px;
margin-bottom:10px;
text-align:right;
}
.services1-text p{
font-size:16px;
color:040404;
text-align:right;
}
.services2-text h3{
font-size:25px;
font-weight:bold;
color:#040404;
margin-top:70px;
margin-bottom:10px;
text-align:left;	
}
.services2-text p{
font-size:16px;
color:040404;
text-align:left;	
}
.services3-text h3{
font-size:25px;
font-weight:bold;
color:#040404;
margin-top:50px;
margin-bottom:10px;
text-align:right;	
}
.services3-text p{
font-size:16px;
color:040404;
text-align:right;	
}
/*==============process================*/
.process{
width:100%;
background:#ffca28;
position:relative;
padding:70px 0;	
}
.process h2{
font-size:35px;
font-weight:bold;
color:#040404;
margin-bottom:15px;
text-align:center;
}
.process h5{
font-size:16px;
color:#040404;
margin-top:15px;
margin-bottom:30px;
}
.process h4{
font-size:25px;
font-weight:bold;
color:#040404;
margin-top:10px;	
}
.process .fa{
width:80px;
height:80px;
border:1px solid #040404;
border-radius:100%;
line-height:80px;
font-size:25px;	
transition:All 0.5s
}
.process .fa:hover{
background:#ff6a28;
border:2px solid #fff;
transform:rotate(-360deg);
color:#fff;
}
/*=================.gallery=================*/
.gallery{
width:100%;
height:auto;
background:#fff;
padding:90px 0;
}
.gallery h2{
font-size:35px;
font-weight:bold;
color:#040404;
margin-bottom:15px;
text-align:center;
}
.apperment,.interior,.landscape,.layout,.night{
display:none;
}
.bunglow img{
margin-bottom:10px;
}
.apperment img{
margin-bottom:10px;
}
.interior img{
margin-bottom:10px;
}
.landscape img{
margin-bottom:10px;
}
.layout img{
margin-bottom:10px;
}
.night img{
margin-bottom:10px;
}
.categories{
text-align:center;
margin-bottom:20px;
}
.categories button{
display:inline-block;
width:130px;
background:none;
border:1px solid #161616;
padding:10px;
border-radius:25px;
margin-right:5px;
outline:none;
cursor:pointer;
transition:all 0.2s;
}
.categories button:hover{
	background:#040404;
	color:#fff;
}
/*=================usp=================*/
.usp{
width:100%;
height:400px;
background:url(../images/usp.jpg)center no-repeat;
background-attachment:fixed;
background-size:cover;
position:relative;
padding:70px 0;
color:#fff;	
}
.usp h2{
font-size:35px;
font-weight:bold;
margin-bottom:30px;
text-align:center;
}
.usp .fa{
font-size:35px;
margin-bottom:20px;
text-align:center;
}
.usp .fa:hover{
color:#ffca28;
}
/*=================faq=================*/
.faq{
width:100%;
height:650px;
background:url(../images/frequent.jpg)center no-repeat;
background-size:cover;
background-attachment:fixed;
padding:70px 0;

}
.faq h2{
font-size:35px;
font-weight:bold;
color:#fff;
text-align:center;
margin-bottom:50px;
}
a{
text-decoration: none;
}
a:focus, a:hover {
    color: #ffca28;
    text-decoration:none;
}
accordion{
display: block;

}
.itemFaq{
background: rgba(0,0,0,.7);
margin-bottom: 15px;
color: #fff;
}
.itemTitle{
display: block;
padding: 12px;
color: #fff;
}
.content{
background: rgba(0,0,0,.8);
padding: 12px;
display: none;
}
 
/*=================contact=================*/
.contact{
width:100%;
background:#040404;
padding:70px 0;
color:#fff;
}
.bottom-logo{
	width:100px;
	margin-bottom:20px;	
}
.address h3{
font-size:18px;	
margin-bottom:10px;
}
.address p{
font-size:16px;
margin-bottom:20px;	
}
.call h2{
font-size:35px;
font-weight:bold;
margin-bottom:20px;
}
.call input[type="text"]{
	width:100%;
	background:none;
	outline:none;
	border:1px solid #fff;
	margin-bottom:10px;
	color:#fff;
	padding:5px;
}
.call input[type="text"]::placeholder{
		color:#fff;
}
.call textarea{
	width:100%;
	background:none;
	outline:none;
	border:1px solid #fff;
	color:#fff;
	padding:5px;
}
.call textarea::placeholder{
	color:#fff;
}
.call .btn{
    display: inline-block;
    padding: 10px 20px;
	outline:none;
    font-size: 16px;
	background:none;
	border:1px solid #fff;
	border-radius:0;
}
.call .btn:hover{
	background:#ffca28;
	color:#fff;
	border:none;
}
.form-control{
	background:none;
	border:1px solid #fff;
	border-radius:0;
	color:#fff;
	margin-bottom:10px;
	outline:none;
}
.form-control::placeholder{
	color:#fff;
}
.form-group .btn-success {
    color: #fff;
    background: none;
    border-color: #4cae4c;
	border-radius:0;
}
.form-group .btn-success:hover{
    color: #fff;
    background: #4cae4c;
}
.sucess{
	width: 100%;
	height: 200px;
	background: white;
	position: relative;
	top:150px;
	display:none;
	padding-left:50px
}
.sucess h2{
	color: #333;
}

/*=================mobile=================*/
@media only screen and (min-width:320px) and (max-width:767px){
.logo{
	width:70px;
	padding:5px 0;
}
.navbar-inverse .navbar-toggle {
    border: none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background:none;
}
.navbar-inverse .navbar-nav>li>a {
color: #fff;
font-size:13px;
padding:10px;
}
.navbar-nav>li {
float: none;
margin-right:0;
}
/*==============carousel================*/
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
padding: 10px 8px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius:0;
background: #fdfdfd;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity:none;
}
.owl-prev .fa{
font-size:15px;
color:#333;
}
.owl-next .fa{
font-size:15px;
color:#333;
}
/*==============about us================*/
.about{
width:100%;
background:#c5c4c4;
position:relative;
padding:30px 0;
}
.about h2{
font-size:20px;
font-weight:bold;
color:#040404;
margin-bottom:10px;
text-align:center;
}
.about p{
font-size:13px;
color:#040404;
}
/*==============services================*/
.services{
width:100%;
background:#fdfdfd;
position:relative;
padding:30px 0;
}
.services h2{
font-size:20px;
color:#040404;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
.services h3{
font-size:18px;
color:#040404;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
.services1-text p{
font-size:13px;
color:#040404;
text-align:center;
margin-bottom:15px;
}

.services2-text h3{
font-size:18px;
color:#040404;
margin-bottom:10px;
text-align:center;	
}
.services2-text p{
font-size:13px;
color:#040404;
text-align:center;	
margin-bottom:15px;
}
.services3-text h3{
font-size:18px;
color:040404;
margin-bottom:10px;
text-align:center;	
}
.services3-text p{
font-size:13px;
color:040404;
text-align:center;	
margin-bottom:15px;
}
.services1{
	padding-left:15px;
}
.services2{
	padding-right:15px;
}
.services3{
	padding-left:15px;
}
.services1 img{
margin:auto;
}
.services2 img{
margin:auto;
}
.services3 img{
margin:auto;	
}
/*==============process================*/
.process{
width:100%;
background:#ffca28;
position:relative;
padding:30px 0;	
}
.process h2{
font-size:20px;
color:#040404;
margin-bottom:15px;
text-align:center;
}
.process h5{
font-size:14px;
color:#040404;
margin-top:15px;
margin-bottom:30px;
}
.process h4{
font:14px;
color:#040404;
margin-top:10px;	
}
.process .fa{
width:80px;
height:80px;
border:1px solid #040404;
border-radius:100%;
line-height:80px;
font-size:20px;	
transition:All 0.5s
}
.process .fa:hover{
background:#ff6a28;
border:2px solid #fff;
transform:rotate(-360deg);
color:#fff;
}
/*=================gallery=================*/
.gallery{
width:100%;
height:auto;
background:#fff;
padding:30px 0;
}
.gallery h2{
font-size:20px;
color:#040404;
margin-bottom:15px;
text-align:center;
}
.bunglow img{
margin:5px auto;
transition:All 0.3s linear;
}
.apperment img{
margin:5px auto;
transition:All 0.3s linear;
}
.interior img{
margin:5px auto;
transition:All 0.3s linear;
}
.landscape img{
margin:5px auto;
transition:All 0.3s linear;
}
.layout img{
margin:5px auto;
}
.night img{
margin:5px auto;
transition:All 0.3s linear;
}
.categories{
text-align:center;
margin-bottom:20px;
}
.categories button{
display:inline-block;
width:30%;
font-size:13px;
background:none;
border:1px solid #161616;
padding:5px;
border-radius:15px;
margin:5px auto;
}
/*=================usp=================*/
.usp{
width:100%;
height:auto;
background:url(../images/usp.jpg)center no-repeat;
background-attachment:fixed;
background-size:cover;
position:relative;
padding:30px 0;	
}
.usp h2{
font-size:20px;
margin-bottom:30px;
text-align:center;
}
.usp .fa{
font-size:20px;
margin-bottom:20px;
text-align:center;
}
.usp .fa:hover{
color:#ffca28;
}
.usp h4{
margin-bottom:15px;
}
/*=================faq=================*/
.faq{
width:100%;
height:auto;
background:url(../images/frequent.jpg)center no-repeat;
background-size:cover;
background-attachment:fixed;
padding:30px 0;
}
.faq h2{
font-size:20px;
color:#fff;
text-align:center;
margin-bottom:30px;
}
a{
text-decoration: none;
}
a:focus, a:hover {
    color: #ffca28;
    text-decoration:none;
}
accordion{
display: block;
}
.itemFaq{
background: rgba(0,0,0,.7);
margin-bottom: 10px;
color: #fff;
}
.itemTitle{
display: block;
padding: 12px;
color: #fff;
}
.content{
background: rgba(0,0,0,.8);
padding: 12px;
display: none;
}
/*=================contact=================*/
.contact{
width:100%;
background:#040404;
padding:30px 0;
color:#fff;
}
.bottom-logo{
	width:100px;
	margin:10px auto;	
}
.call h2{
font-size:20px;
margin-bottom:20px;
}
.address h3{
font-size:18px;	
margin-bottom:5px;
text-align:center;
}
.address p{
font-size:13px;
text-align:center;
}
.address p:last-child{
font-size:13px;
text-align:center;
margin-bottom:15px;
}
.form-control{
	background:none;
	border:1px solid #fff;
	border-radius:0;
	color:#fff;
}
.form-control::placeholder{
	color:#fff;
}
.form-group .btn-success {
    color: #fff;
    background: none;
    border-color: #4cae4c;
		border-radius:0;
}
.form-group .btn-success:hover{
    color: #fff;
    background: #4cae4c;
  }	
}
/*=================tab=================*/
@media only screen and (min-width:768px) and (max-width:992px){
.logo{
	width:75px;
	padding:5px 0;
}
.navbar-inverse .navbar-nav>li>a {
color: #fff;
font-size:14px;
padding:15px 10px;
}
.navbar-nav>li {
margin-right:5px;
}
/*==============carousel================*/
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */

padding: 10px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius:0;
background: #040404;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity:0.5;
}
.owl-prev .fa{
font-size:20px;
color:#fff;
}
.owl-next .fa{
font-size:20px;
color:#fff;
}
/*==============about us================*/
.about{
width:100%;
background:#f3f1f1;
position:relative;
padding:50px 0;
}
.about h2{
font-size:25px;
color:#040404;
margin-bottom:10px;
text-align:center;
}
.about p{
font-size:14px;
color:#040404;
}
.tabimg{
margin-top:50px;
}
/*==============services================*/
.services{
width:100%;
background:#fdfdfd;
position:relative;
padding:50px 0;
}
.services1{
padding-left:0;
}
.services2{
padding-right:0;
}
.services3{
padding-left:0;
}
.services h2{
font-size:25px;
color:#040404;
margin-bottom:10px;
text-align:center;
}
.services h3{
font-size:18px;
color:#040404;
margin-top:15px;
margin-bottom:10px;
text-align:right;
}
.services1-text p{
font-size:14px;
color:040404;
text-align:right;
}
.services2-text h3{
font-size:18px;
color:#040404;
margin-top:15px;
margin-bottom:10px;
text-align:left;	
}
.services2-text p{
font-size:14px;
color:#040404;
text-align:left;	
}
.services3-text h3{
font-size:18px;
color:#040404;
margin-top:15px;
margin-bottom:10px;
text-align:right;	
}
.services3-text p{
font-size:14px;
color:#040404;
text-align:right;	
}
/*==============process================*/
.process{
width:100%;
background:#ffca28;
position:relative;
padding:50px 0;	
}
.process h2{
font-size:25px;
color:#040404;
margin-bottom:15px;
text-align:center;
}
.process h4{
font:14px;
font-weight:bold;
color:#040404;
margin-top:10px;	
}
.process h5{
font:14px;
color:#040404;
margin-top:15px;
margin-bottom:30px;
}
.process .fa{
width:80px;
height:80px;
border:1px solid #040404;
border-radius:100%;
line-height:80px;
font-size:20px;	
transition:All 0.5s
}
.process .fa:hover{
background:#ff6a28;
border:2px solid #fff;
transform:rotate(-360deg);
color:#fff;
}	
/*==============gallery================*/
.gallery{
width:100%;
height:auto;
background:#fff;
padding:50px 0;
}
.gallery h2{
font-size:25px;
color:#040404;
margin-bottom:15px;
text-align:center;
}
.categories{
text-align:center;
margin-bottom:20px;
}
.categories button{
display:inline-block;
width:13%;
font-size:14px;
background:none;
border:1px solid #161616;
padding:5px;
border-radius:15px;
margin-bottom:5px;
}
.categories button:not(:first-child,:last-child){
margin-right:5px;
}
/*==============usp================*/
.usp{
width:100%;
height:auto;
background:url(../images/usp.jpg)center no-repeat;
background-attachment:fixed;
background-size:cover;
position:relative;
padding:50px 0;	
}
.usp h2{
font-size:25px;
margin-bottom:20px;
text-align:center;
}
.usp .fa{
font-size:25px;
margin-bottom:20px;
text-align:center;
}
.usp .fa:hover{
color:#ffca28;
}
/*==============faq================*/
.faq{
width:100%;
height:auto;
background:url(../images/frequent.jpg)center no-repeat;
background-size:cover;
background-attachment:fixed;
padding:50px 0;
}
.faq h2{
font-size:25px;
color:#fff;
text-align:center;
margin-bottom:30px;
}
a{
text-decoration: none;
}
a:focus, a:hover {
    color: #ffca28;
    text-decoration:none;
}
accordion{
display: block;
}
.itemFaq{
background: rgba(0,0,0,.7);
margin-bottom: 15px;
color: #fff;
}
.itemTitle{
display: block;
padding: 12px;
color: #fff;
}
.content{
background: rgba(0,0,0,.8);
padding: 12px;
display: none;
}
/*=================contact=================*/
.contact{
width:100%;
background:#040404;
padding:50px 0;
color:#fff;
}
.bottom-logo{
	width:100px;
	margin-bottom:10px;	
}
.call h2{
font-size:25px;	
margin-bottom:15px;
}
.call input[type="text"]{
	width:100%;
	position:relative;
	border:none;
	outline:none;
}
.call span{
	position:absolute;
}
.address h3{
font-size:18px;	
margin-bottom:5px;
}
.address p:last-child{
font-size:14px;
margin-bottom:15px;
}
.form-control{
	background:none;
	border:1px solid #fff;
	border-radius:0;
	color:#fff;
}
.form-control::placeholder{
	color:#fff;
}
.form-group .btn-success {
    color: #fff;
    background: none;
    border-color: #4cae4c;
		border-radius:0;
}
.form-group .btn-success:hover{
    color: #fff;
    background: #4cae4c;
  }
}