/*************************8      header css           ****************************************************/


/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:37px 0px;}
.navbar .nav-item{margin:0px 25px;}
.navbar .nav-item:last-child{margin-right:0px;}
.navbar .nav-item:first-child{margin-left:0px;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#ffc001;}
.navbar .nav-item .nav-link{color:#fff;padding-left:0px;padding-right:0px;}

/**********                Home page css       *******************************/

.banner .text-block{position:absolute;bottom:30px;}
.banner h1{color:#fff;font-size:52px;font-weight:bold;}

.about .text-block{width:90%;line-height:2;color:#4d4c4c;}

.bg-line{background:url('../images/bg-line.jpg') top center no-repeat;min-height:11px;}

.high-lights h4{text-transform:uppercase;position:absolute;bottom:20px;font-weight:600;width:90%;text-align:center;}
.high-lights h2.h1{font-size:42px;font-weight:600;line-height:1;}
.high-lights h2.h1:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    width: 15%; /* Change this to whatever width you want. */
    border-bottom:solid 8px #fff; /* This creates the border. Replace black with whatever color you want. */
	margin-top:10px;
}
.high-lights .btn-outline-light{position:absolute;bottom:20px;width:85%;left:30px;border-color:#6a6a6a; text-align:left;color:#7f7f7f;font-size:16px;font-weight:600;letter-spacing:0;}
.high-lights .btn-outline-light .icon{position:absolute;right:20px;}

.testimonial h2.h1{font-size:60px;font-weight:400;}
.testimonial .text-block{width:70%;}

.hd-project{left:0px;right:0px;border:solid 1px #cec50d; padding:20px 0px;margin:auto; position:absolute;width:280px; top:40%; background-color:rgba(0,0,0,0.8);}
.hd-project:hover{background-color:#fff;color:#000 !important;}
/**************              Footer                 ******************************/

.footer{background:#282828 url('../images/shadow.png') top left repeat-x;min-height:35px;}
.footer .copy{font-family: 'Montserrat', sans-serif;font-size:10px;}
.footer p{margin-bottom:0px;}
.footer .list-inline-item{margin-right:0px;}
.footer a{color:#fff;}
.footer a:hover{color:#ffc001;}
.navbar .nav-item a {
    color: #fff;
    padding-left: 0px;
    padding-right: 0px;
}
.navbar .nav-item.active a, .navbar .nav-item a:hover, .navbar .nav-item .nav-link:hover {
    color: #ffc001;}

/********************     Media query       ***************************************/
.projectanchorcolor{ color:#ffc001;}


@media (min-width: 1600px){
	.container-fluid {max-width: 1920px; padding-left:0px;padding-right:0px;}
	.container {max-width: 1140px; padding-left:0px;padding-right:0px;}
	
	.high-lights .container{max-width: 1554px;}
}

@media (min-width: 1200px) and (max-width: 1599.98px){
	.high-lights h2.h1{font-size:28px;}
	.high-lights .btn-outline-light{left:22px;}
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.high-lights h2.h1{font-size:23px;}
	.high-lights .btn-outline-light{bottom:10px;left:18px;}
}


@media (min-width: 768px) and (max-width: 991.98px) { 
.py-100{padding-top:80px;padding-bottom:80px;}
.py-60{padding-top:40px;padding-bottom:40px;}
.py-40{padding-top:30px;padding-bottom:30px;}

.navbar .nav-item {margin: 0px 12px;}
.banner h1{font-size:37px;}
.testimonial .text-block{width:100%;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100,.py-200{padding-top:30px;padding-bottom:30px;}
.py-60{padding-top:30px;padding-bottom:30px;}
.py-40{padding-top:30px;padding-bottom:30px;}
	.navbar-toggler{margin:0; outline:none !important; position:absolute;top:-80px;right:0px}
.navbar-toggler-icon{width:1.2em; height:1.2em;}
.navbar-collapse{margin:0px; padding:0px; text-align:center; width:100%;}	
	
	#Navigation{margin:0px;}
	.navbar .nav-item {background-color:#000;padding-left:10px;margin:0px 0px 2px 0px;}
	.navbar .nav-item:last-child {margin-right: 0px;}
	
	.banner .text-block{position:static;background-color:#000;padding:15px 0px;}
	.banner h1{font-size:33px;}
	.testimonial h2.h1{font-size:50px;}
	.testimonial .text-block{width:100%;}
	
}


@media (max-width: 576px){

.navbar .nav-item{margin-left:0px;margin-right:0px;}
.navbar .nav-item:last-child {margin-right: 0px !important;}
.banner h1{font-size:26px;}

.high-lights p{min-height:150px;}
.hd-project{padding:10px 0px;width:200px;top:30%;}
}

/**********************

@media (min-width: 767.98px) { }
@media (min-width: 1920px) { .container{width:1820px; margin:auto;} }
@media (min-width: 1200px) {}
@media (min-width: 1359.98px) and (max-width: 1459.98px) { }
@media (min-width: 1199.98px) and (max-width: 1359.98px) { }
@media (min-width: 991.98px) and (max-width: 1199.98px) {	}
@media (min-width: 768px) and (max-width: 991.98px) { }
@media (max-width: 767.98px) { }
@media (max-width: 479px) { }
@media (max-width: 320px) { }


***************************/