body {

    font-family: Roboto, sans-serif;

}



.navbar {

    background-color: #333567;

}



.navbar-collapse {

    position: absolute;

    right: 3%;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 500;

}



.nav-link {

    color: #fff;

    font-weight: 700;

}



.nav-link:active,

.nav-link:hover,

.nav-link.active {

    color: #f8c701;

}



.owl-theme .owl-dots{

	position:absolute;

	bottom:175px;

	width:100%;

}

.owl-theme .owl-dots .owl-dot span {

    width: 15px;

    height: 15px;

    margin: 5px 7px;

    background: yellow;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 0px;

	border:3px solid #ffffff;

}





.home-banner .carousel-item img {

    max-width: 100%;

    height: aut0;

}



.carousel-indicators {

    bottom: 20%;

}



.carousel-indicators li {

    background-color: yellow;

    background-clip: unset !important;

}



.carousel-caption {

    top: 35%;

    text-align: left;

    color: #fff;

}



.carousel-caption h1 {

    overflow: hidden;

    font-weight: bold;

    font-size: 50px;

    text-shadow: 0px 3px 2px black;

}



.carousel-caption span {

    color: #f8c701;

}



#myCarousel1 h3 {

    font-weight: 600;

    font-size: 20px;

    margin-top: 15px;

}



#myCarousel1 h3 small {

    font-size: 14px;

}



.ongoing h3,

.future h3,

.future h5 {

    font-weight: 600;

    font-size: 20px;

    margin-top: 15px;

}



.project {

    text-align: center;

}



.values {

    background-color: #333567;

    color: #fff;

    padding: 50px 0;

    text-align: justify;

}



.values-title {

    margin-top: 15px;

}



.contact-details {

    padding: 5% 5% 5% 15%;

}



.projects,

.ongoing {

    padding: 5% 5%;

    z-index: 1;

    

    position: relative;

    /*box-shadow: 0px 0px 10px 1px #505050;

    background-color: #fff;*/

    margin-bottom: 5%;

}



.future {

    padding: 5% 5%;

    z-index: 1;

    background-color: #fff;

    position: relative;

    box-shadow: 0px 0px 10px 1px #505050;

    margin-bottom: 5%;

}



.btn-detail {

    color: #fff;

    background-color: #333567;

    padding: 5px 25px;

    border-radius: 5px;

    border: 1px solid transparent;

}



.btn-detail:hover {

    color: #fff;

    background-color: #333333;

}

footer{

	padding:5%;

}

footer h3 {

    color: #737373;

}



footer .title {

    text-align: left;

}



.titleBanner {

    background: url(../images/about.png) top center no-repeat;

    background-size: cover;

    padding: 150px 0;

    text-align: center;

    color: white;

    font-weight: 700;

}

#services.titleBanner

{

	background: url(../images/service-banner.png) top no-repeat !important;

	background-size: cover;

    padding: 150px 0;

    text-align: center;

    color: white;

    font-weight: 700;

	text-transform:uppercase;

}



.withOffset {

    margin-top: -5%;

}



.withOffset .container {

    background: white;

    box-shadow: 0px 0px 20px 1px #505050;

    z-index: 2;

    position: relative;

}



.carousel-control-next-icon {

    background-image: url(../images/next-arrow.png);

}



.carousel-control-prev-icon {

    background-image: url(../images/prev-arrow.png);

}

/*services*/

#joint-venture h2, #redevelopment h2

{

	color:#333567;

	text-transform:uppercase;

	font-weight:bold;

}

#joint-venture{

	border-right:2px solid #f5f5f5;

}

/*project*/



.project-banner {

    background-image: url(../images/project.png);

    background-size: cover;

    background-attachment: fixed;

}



.page-title {

    padding: 12%;

    font-size: 65px;

    color: #fff;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

}



.title {

    text-align: center;

    text-transform: uppercase;

    padding-bottom: 3%;

}



.shyam-elegance-banner {

    background-image: url(../images/shyam-elegance-banner.png);

    background-size: cover;

    background-attachment: fixed;

}



.project-title h2,

.project-status h4,

.project-status h1 {

    font-weight: 900;

    color: #15619c;

}



.project-title h6 {

    font-weight: 600;

}



.project-type {

    border-left: 2px solid #d7d7d7;

    padding: 3% 5%;

}



.project-detail,

.project-detail-r {

    padding: 3% 5% 3% 0;

}



.project-detail h4,

.project-detail-r h4 {

    padding: 2%;

}



.project-detail h5,

.project-detail-r h5 {

    font-weight: 400;

}



.project-detail h2,

.project-detail-r h2 {

    font-size: 45px;

}



.project-detail-r {

    border-left: 2px solid #d7d7d7;

}



.project-status {

    margin-top: 3%;

    border-top: 2px solid #d7d7d7;

}









        .error {

            color: red;

        }

        

        .hide-robot {

            display: none;

        }

    







/*slider*/





/* medium - display 2  */



@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,

    .carousel-inner .carousel-item-next {

        transform: translateX(50%);

    }

    .carousel-inner .carousel-item-left.active,

    .carousel-inner .carousel-item-prev {

        transform: translateX(-50%);

    }

}





/* large - display 3 */



@media (min-width: 992px) {

    .carousel-inner .carousel-item-right.active,

    .carousel-inner .carousel-item-next {

        transform: translateX(33%);

    }

    .carousel-inner .carousel-item-left.active,

    .carousel-inner .carousel-item-prev {

        transform: translateX(-33%);

    }

}



@media (max-width: 768px) {

    .carousel-inner .carousel-item>div {

        display: none;

    }

    .carousel-inner .carousel-item>div:first-child {

        display: block;

    }

}



.carousel-inner .carousel-item.active,

.carousel-inner .carousel-item-next,

.carousel-inner .carousel-item-prev {

    display: flex;

}



.carousel-inner .carousel-item-right,

.carousel-inner .carousel-item-left {

    transform: translateX(0);

}





/*slider*/



@media only screen and (max-width: 1199px) {

    .navbar-collapse {

        position: relative;

    }

    .navbar-toggler .fas {

        color: #fff;

    }

    .page-title {

        font-size: 35px;

    }

}



@media only screen and (max-width: 768px) {

    #myCarousel img {

        height: 400px;

    }

    #myCarousel h1 {

        font-size: 35px;

    }

    #myCarousel .carousel-caption {

        top: 5%;

        text-align: left;

        color: #fff;

    }

    #myCarousel .carousel-indicators {

        bottom: 10%;

    }

	.contact-details

	{

		padding:8% 5% 5% 1%;

	}

	.gallery

	{

		margin-top:2%;

	}

}
.navbar-toggler {
    color: #FFF;
    border-color: rgba(0,0,0,.1);
    background-color: #FFF;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}
.navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}