@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
/*************************8      header css           ****************************************************/
.top-nav{border-bottom:solid 1px #d9d9d9;}
.top-nav .phone,.top-nav .social{margin-top:100px;}
.top-nav .phone a{color:#000;}
.top-nav .phone a:hover{color:#c39b1f;}
.top-nav .fa{color:#c39b1f;}
.top-nav .fa:hover{color:#000;}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px 0px;}
.navbar .nav-item{margin:0px 30px;font-size:15px;text-transform:uppercase;font-weight:bold;letter-spacing:0.047em;}
.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.active .nav-link:focus,.navbar .nav-item .nav-link:hover{color:#c39b1f;}
.navbar .nav-item .nav-link{color:#000;padding-left:0px;padding-right:0px;}

.dropdown-menu {top: 113%;}
.dropdown-item{font-size:15px;text-transform:uppercase;font-weight:bold;letter-spacing:0.047em;border-bottom:solid 1px #c39b1f;}
.dropdown-item:last-child{border-bottom:0px;}
.dropdown-item:hover{color:#c39b1f;}
a:hover.dropdown-item {
    background-color:#f8f9fa;
}
.mycss-title{min-height:75px;}
.f-20{font-size:20px;}
.mycss-blog {
    box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
}
/*************************************mycss**********************************************************************/
.p-height {min-height:140px;}
h2.mb-4.mt-5.text-dark {
    padding-top: 0px;
}
h2.mt-5.mb-4 {
    padding-top: 0px;
}
label {
	color:#000;
    font-weight: 400;
}
input#name{border-radius:0px;}
input#email{border-radius:0px;}
input#phone{border-radius:0px;}
input#address{border-radius:0px;}
.text-warning{color:#c39b1f !important;}
.breadcrumb {border-bottom: 1px dashed #d3d3d3;margin: 0 0 15px;background-color: transparent;padding: 0 0 15px;text-transform: uppercase;font-size: 12px;}
.breadcrumb>li+li:before {content: "\00BB";color: #b0a049;margin: 0 10px;}

.entry-content a { box-shadow: none !important; transition: none !important;color:#c39b1f !important;}
.entry-content h4{font-size:20px;margin-bottom:20px;}
a {
    color: #c39b1f ;
}
a:hover {
    color: #000 ;
}
ul{list-style:none;}
.entry-content ul li {
    background: url(../images/icon2.png)no-repeat 0.1em 0.43em;
    padding-left: 30px;
}
.entry-content .mycss-lt ul li {
    background: url(../images/icon.png)no-repeat 0.1em 0.43em;
    padding-left: 30px;
}
.mycss-bg{background-color:#c39b1f!important;}

.mycss-box{ box-shadow: 0px 1px 5px rgba(0,0,0,0.25);background-color:#c39b1f!important;}
.my-bor{content: "";
    display: block;
    margin: 0 auto;
    width: 4%;
    border-bottom: solid 2px #000;
   /* padding-bottom: 15px;*/}
   .mycss-height{min-height:250px;}
/**********                Home page css       *******************************/
.banner{background-color:#000;}
.banner .img-op {opacity: 0.60;filter: alpha(opacity=60);}
.banner .text-block{position:absolute;top:30%;}
.banner h1{font-size:84px;}
.banner h2{font-size:40px;color:#fff;padding-top:0px;}
.banner .btn{padding:15px 40px;font-size:16px;}

.about .text-block{width:95%;}
.about h2.h1{font-size:45px;color:#000;}

#enquiry-form label{width:220px;color:#525252;}

#enquiry-form .btn{padding:12px 40px;}

.high-lights h6 {font-size:35px;line-height:1;position: absolute;text-align: center;top: 20%;left: 0px;right: 0px;color:#fff;}
.high-lights h6.line-2{top:15%;}
.high-lights h6:after {content: ""; display: block;margin: 0 auto;width: 20%; border-bottom:solid 2px #c39b1f; padding-bottom:15px;}
.high-lights  a{color:#fff;}
.high-lights  a:hover{color:#c39b1f;}
.high-lights  a:hover .op-50 img {opacity: 0.40;filter: alpha(opacity=40);}

.testimonial .quote-lt{left:0px;top:0px;}
.testimonial .quote-rt{right:0px;top:0px;}
.carousel .text-block{width:85%;}

.projects{background:url('../images/bg-projects.jpg') top center no-repeat;background-size:cover;}
.projects h2:after {content: ""; display: block;margin: 0 auto;width: 4%; border-bottom:solid 2px #000; padding-bottom:15px;}
.projects .card{border:0px;background:transparent;}
.projects .card .card-title{font-size:22px;font-weight:bold;min-height:70px;}
.projects .card .card-text{font-size:15px;padding:0px 20px;}
.projects a{color:#fff;}
.projects a:hover{color:#000;}
.projects .btn-primary:hover,.btn-primary:focus{border-color:#fff!important;background-color:#fff!important;}


/**************              Footer                 ******************************/

.footer{background-color:#000;font-size:13px;color:#ababab;}
.footer .contact .fa{width:15px;}
.footer a{color:#ababab;}
.footer a.active,.footer a:hover{color:#c39b1f;}
.footer .fa{color:#c39b1f;font-size:18px;}
.footer .fa:hover{color:#ababab;}
.footer h6{letter-spacing:0.1em;}
.copy{font-size:12px;color:#7d7d7d;letter-spacing:0.1em;border-top:solid 1px #454545;}
.copy a{color:#7d7d7d;}
.copy a:hover{color:#c39b1f;}



/********************     Media query       ***************************************/

@media (min-width: 1700px){
	.container {padding-left:0px;padding-right:0px;}
}

@media (min-width: 1600px){
	.container {max-width: 1600px;}
	.top-nav .container,.main-nav .container,.testimonial .container {max-width: 1140px;}
	.banner .text-block{top:33%;}
		
	#enquiry-form .form-control{display:inline-block;width:55%;}
	.carousel .text-block{width:90%;}
}

@media (min-width: 1200px) and (max-width: 1599.98px){
	
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 31px;}
	.banner .text-block{top:20%;}
	.banner h1{font-size:74px;}
	.high-lights h6 {font-size:28px;}
}


@media (min-width: 768px) and (max-width: 991.98px) { 
.py-100,.py-60,.py-40{padding-top:30px;padding-bottom:30px;}
#Navigation{justify-content: center; width:100%;margin:0px auto;}
.navbar .nav-item {margin: 0px 11px;letter-spacing:0;letter-spacing:0;}
.top-nav .phone,.top-nav .social{margin-top:70px;}

.banner .text-block{top:15%;}
.banner h1{font-size:64px;}
.banner h2{font-size:30px;}

#enquiry-form .form-control{display:inline-block;width:65%;}

.high-lights h6 {font-size:20px;}

.projects .card .card-text{padding:0px 0px;}

.testimonial{margin-bottom:50px;}
.carousel .text-block{width:80%;}
	
.footer h6{font-size:13px;}

}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100,.py-60,.py-40{padding-top:30px;padding-bottom:30px;}
	.navbar-toggler{margin:0; outline:none !important; position:absolute;top:-70px;right:0px}
.navbar-toggler-icon{width:1.2em; height:1.2em;}
.navbar-collapse{margin:0px; padding:0px; text-align:center; width:100%;}
.navbar-dark .navbar-toggler {border-color: rgba(255, 255, 255, 0.5);}		
.navbar-light .navbar-toggler {border-color: rgba(0, 0, 0, 0.5);}	
	
	#Navigation{margin:0px;}
	.navbar .nav-item:first-child {margin-top:15px;}
	.navbar .nav-item {background-color:#404040;padding-left:0px;margin:0px 0px 2px 0px;}
	.navbar .nav-item:hover,.navbar .nav-item.active{background-color:#c39b1f;}
	.navbar .nav-item:last-child {margin-right: 0px;}
	.navbar .nav-item .nav-link,.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#fff;}
	.navbar-light .navbar-nav .show > .nav-link{color:#fff;}
	
	.top-nav .phone,.top-nav .social{margin-top:0px;}
	
	.banner h1{font-size:54px;}
	.banner h2{font-size:28px;}
	.banner .btn{padding:12px 30px;font-size:12px;}
	
	.about h2.h1{font-size:35px;}
	
	.high-lights h6 {font-size:28px;}
	
	.testimonial{margin-bottom:50px;}
	.carousel .text-block{width:80%;}
	
	.projects .card .card-text{padding:0px 0px;}
	
}


@media (max-width: 576px){
.navbar-toggler{position:static;}
.navbar .nav-item{margin-left:0px;margin-right:0px;}
.navbar .nav-item:last-child {margin-right: 0px !important;}
.banner .text-block{position:static;background-color:#000;padding:15px 0px;}
.banner h1{font-size:28px;margin-bottom:0px;}
.banner h2{font-size:18px;margin-bottom:0px;}
.banner .btn{padding:8px 30px;}
.footer .d-flex{justify-content:center;}
}

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

@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) { }


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