body{
    font-family: ;
}

p,i,li,a{
	font-family: Nunito;
	font-weight:600;
}

p{
	color:rgba(0,0,0,0.7);
}

nav{
	background:rgba(255,255,255,0.9);
	box-shadow:3px 3px 9px rgba(0,0,0,0.1);
}

.navbar-brand{
	width:250px;
}

.nav-item a{
	color:#384958;
	font-weight:700;
	font-size:13px;
}

.nav-item:hover a{
	color:#f5c41f;
	transition:1s;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}

.dropdown-menu{
	border:none;
	border-radius:0px;
	background:rgba(255,255,255,0.9);
	box-shadow:3px 3px 9px rgba(0,0,0,0.1);
}

.dropdown-menu a{
	color:#384958 !important;
}

.dropdown-item:hover{
	color:#fff!important;
	background:#384958;
}


#broad{
	padding-right:30px;
}

/********************* SLIDER **************************/

.carousel-h{
	margin-top:140px;
	margin-bottom:60px;
}

.slider-content{
	margin-top:70px;
	position: relative;
	animation-name: slide;
	animation-duration: 2s;
	animation-delay: s;
}

.carousel-img{
	position: relative;
	animation-name: slide-img;
	animation-duration: 2s;
	animation-delay: s;
}

.indcat li{
	background:rgba(0,0,0,0.2);
}

@keyframes slide-img {
  from {top: 50px;}
  to {top: 0px;}
}

@keyframes slide {
  from {bottom: 50px;}
  to {bottom: 0px;}
}

.slider-content h1{
	color:#384958;
	font-weight:bold;
}

.slider-content button{
	background:#f5c41f;
	padding:5px 30px;
	color:#384958;
	font-weight:bold;
}

.slider-content div{
	margin-bottom:10px;
}

@media screen and (max-width:500px){
.carousel{
	margin-top:40px;
	margin-bottom:40px;
}
.slider-content h1{
	font-size:22px;
}
}

/********************* NEXT TO SLIDER **************************/

.next-to-slider{
	background-image:url(../images/broad-quality-construction-company-002.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
}

.next-to-slider-layer{
	background:rgba(56,73,88,1);
	padding:60px;
}

.next-to-slider-item{
	text-align:center;
}

.next-to-slider-item img{
	width:80px;
	margin-bottom:15px;
}

.next-to-slider-item h4{
	color:#fff;
	font-size:18px;
	margin:0px;
}

@media screen and (max-width:500px){
.next-to-slider-item h4{
	margin-bottom:40px;
}
}

/********************* ABOUT HOME BLOCK **************************/

.about-home-block{
	margin:160px 0px;
}

.border-art{
	margin-bottom:10px;
}

.about-home-block h2{
	color:#384958;
}

.about-home-block h2>span{
	font-weight:bold;
}

.about-home-block-img-1{
	margin-top:-50px;
	margin-left:200px;
	border-right:15px solid rgba(0,0,0,0.1);
	border-bottom:15px solid rgba(0,0,0,0.1);
	padding:0px 10px 10px 0px;
}

.about-home-block-img-2{
	margin-top:-460px;
	width:300px;
}

@media screen and (max-width:500px){
.about-home-block{
	margin:40px 0px 100px 0px;
}
.about-home-block-img-1{
	margin-top:0px;
	margin-left:80px;
	padding:0px 10px 10px 0px;
	width:250px;
}
.about-home-block-img-2{
	margin-top:-250px;
	width:150px;
}
}

/********************* WHAT WE DO BLOCK **************************/

.what-we-do-block{
	margin-bottom:100px;
	background:rgba(56,73,88,0.07);
	padding:80px 0px;
}

.what-we-do-block h2{
	text-align:center;
	color:#384958;
}

.border-do{
	text-align:center;
	margin-bottom:40px;
}

.what-we-do-block h2>span{
	font-weight:bold;
}

.what-we-do-block-item-1{
	background-image:url(../images/construction-companies-in-hyderabad.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
}

.what-we-do-block-item-1:hover .arrow-fa,
.what-we-do-block-item-2:hover .arrow-fa,
.what-we-do-block-item-3:hover .arrow-fa,
.what-we-do-block-item-4:hover .arrow-fa{
	opacity:1;
	padding-right:30px;
}

@keyframes arrow {
  from {left: 0px;}
  to {left: 40px;}
}

.what-we-do-block-item-layer{
	background:rgba(0,0,0,0.6);
	padding:40px 30px 60px 30px;
}

.what-we-do-block-item-layer h3{
	color:#fff;
	font-size:18px;
}

.what-we-do-block-item-layer p{
	color:rgba(255,255,255,0.6);
	font-size:14px;
}

.what-we-do-block-item-layer h4{
	color:#fff;
	transform: rotate(270deg);
	letter-spacing: 10px;
	font-size:14px;
	margin-left:-220px;
	opacity:0.6;
	margin-top:60px;
}

.arrow-fa{
	text-align:right;
	font-size:20px;
	margin-top:250px;
	opacity:0.4;
	transition:2s;
}

.arrow-fa a{
	color:#f5c41f;
}

.what-we-do-block .col-md-3{
	padding:0px;
}

.what-we-do-block-item-2{
	background-image:url(../images/architech-companies-in-hyderabad.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
}

.what-we-do-block-item-3{
	background-image:url(../images/interior-designers-in-hyderabad.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
}

.what-we-do-block-item-4{
	background-image:url(../images/2d-3d-architech-designs.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
}

@media screen and (max-width:500px){
.what-we-do-block{
	margin-bottom:40px;
	padding:40px 20px;
}
.border-do{
	margin-bottom:20px;
}
.what-we-do-block-item-layer h4{
	margin-left:-240px;
	margin-top:-20px;
}
.what-we-do-block-item-layer{
	padding:40px 30px 30px 30px;
}
.arrow-fa{
	margin-top:250px;
}
.what-we-do-block .col-md-3{
	margin:15px 0px;
}
}

/********************* PROJECTS HOME BLOCK **************************/

.projects-home-block{
	margin-bottom:100px;
}

.projects-home-block h2{
	text-align:center;
	color:#384958;
}

.projects-home-block h2>span{
	font-weight:bold;
}

.projects-home-block-item-1{
	background-image:url(../images/residential-interior-companies-in-hyderabad-001.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-2{
	background-image:url(../images/residential-interior-companies-in-hyderabad-002.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-3{
	background-image:url(../images/residential-interior-companies-in-hyderabad-003.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-4{
	background-image:url(../images/landscaping-interior-company-in-hyderabad.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-5{
	background-image:url(../images/dinning-interiors-in-hyderabad.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-6{
	background-image:url(../images/commercial-interior-companies-in-hyderabad-001.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-7{
	background-image:url(../images/best-painters-in-hyderabad.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-8{
	background-image:url(../images/vill-construction-work-in-hyderabad.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-9{
	background-image:url(../images/vinyl-flooring-in-hyderabad.jpg);
	background-attachment: ;
    background-position: center;
    background-size: cover;
    overflow:hidden;
	border-radius:10px;
}

.projects-home-block-item-layer{
	background:rgba(0,0,0,0.6);
	padding:120px 40px 20px 40px;
	transform:scale(0);
	transition:2s;
	text-align:right;
}

.projects-home-block-item-1:hover .projects-home-block-item-layer,
.projects-home-block-item-2:hover .projects-home-block-item-layer,
.projects-home-block-item-3:hover .projects-home-block-item-layer,
.projects-home-block-item-4:hover .projects-home-block-item-layer,
.projects-home-block-item-5:hover .projects-home-block-item-layer,
.projects-home-block-item-6:hover .projects-home-block-item-layer,
.projects-home-block-item-7:hover .projects-home-block-item-layer,
.projects-home-block-item-8:hover .projects-home-block-item-layer,
.projects-home-block-item-9:hover .projects-home-block-item-layer{
	transform:scale(1.1)!important;
}

.projects-home-block-item-layer h3{
	color:#fff;
	font-size:18px;
}

.projects-home-block-item-layer i{
	color:#fff;
}

.projects-home-block .col-md-4, .projects-home-block .col-md-5, .projects-home-block .col-md-3{
	margin:15px 0px;
}

@media screen and (max-width:500px){
.projects-home-block{
	margin-bottom:40px;
}
}

/********************* HOW WE WORK BLOCK **************************/

.we-design-block{
	margin-bottom:100px;
	background:rgba(56,73,88,0.07);
	padding:80px 0px;
}

.we-design-block h3{
	text-align:center;
	color:#384958;
}

.we-design-block h3>span{
	font-weight:bold;
}

@media screen and (max-width:500px){
.we-design-block{
	margin-top:20px;
}
.we-design-item{
	padding:10px;
}
}

.we-design-item:hover{
	box-shadow:3px 3px 15px rgba(0,0,0,0.1);
}

.we-design-item h2{
	font-size:25px;
	color:#0f0f0f;
	padding:15px;
}

.we-design-item h2 span{
	font-size:35px;
}

.we-design-item:hover img{
	transform:scale(1.05);
	overflow:none;
}

.we-design-item img{
	transition:1s;
}

.we-design-item{
	overflow:hidden;
}

@media screen and (max-width:500px){
.we-design-block{
	margin-bottom:40px;
	padding:40px 0px;
}
}

/********************* BLOG HOME BLOCK **************************/

.blog-home-block{
	margin-bottom:100px;
}

.blog-home-block h2{
	text-align:center;
	color:#384958;
	font-size:24px;
}

.blog-home-block h2>span{
	font-weight:bold;
}

.blog-home-block-item h1{
	font-size:22px;
	margin-top:10px;
	font-weight:600;
}

.blog-home-block-item p{
	text-align:;
}

.blog-home-block-item a{
	color:#384958;
	
}

.blog-home-block-item a:hover{
	color:#f5c41f;
	text-decoration:none;
	
}

@media screen and (max-width:500px){
.blog-home-block{
	margin-bottom:40px;
}
.blog-home-block-item{
	margin-top:20px;
}
}

/********************* FOOTER **************************/

footer{
	background:rgba(56,73,88,0.07);
	border-top:0.5px solid rgba(56,73,88,0.15);
	padding-top:80px;
}

footer img{
	width:260px;
	margin-bottom:15px;
}

footer ul{
	list-style:none;
	padding:0px;
}

footer a{
	color:rgba(0,0,0,0.5);
	font-size:14px;
}

footer a:hover{
	color:rgba(0,0,0,0.7);
	text-decoration:none;
}

footer p{
	color:rgba(0,0,0,0.5);
}

footer i{
	color:rgba(0,0,0,0.5);
}

footer li:hover i{
	color:rgba(0,0,0,0.7);
	padding-left:10px;
	transition:1s;
}

footer h4{
	font-size:18px;
	font-weight:bold;
}

footer h5{
	margin:20px 0px;
	font-size:14px;
	font-weight:bold;
}

.footer-contact .fab{
	letter-spacing:20px;
	font-size:20px;
}

.footer-contact .fa-facebook-f:hover{
	color:#4267B2;
}

.footer-contact .fa-twitter:hover{
	color:#00acee;
}

.footer-contact .fa-instagram:hover{
	color:#3f729b;
}

.copy-right{
	text-align:center;
	margin-top:80px;
	border-top:0.5px solid rgba(56,73,88,0.15);
	padding:20px 0px;
}

.copy-right p{
	margin:0px;
}

@media screen and (max-width:500px){
footer{
	padding-top:40px;
}
}