@charset "utf-8";
/* CSS Document */
body{  font-family: "Montserrat", sans-serif;    background-size: cover;    background-position: center top !important;}
/*.head{ background:#251b16;}
*/.logo{ width:146px; float:left; margin: 20.5% 10% 9.5% 30%; }
.logo img{ width:100%;}
.right{ float:right;}
.head{ background: #c8e3ec; width: 100%; height: auto; float: left;}
 .head p{    text-align: center;    color: #ff0000 !important;    font-size: 13px;    width: 100%;    font-weight: 700;    line-height: normal;    margin: 0;    padding: 7px 0px;}
 .head p a{color: #ff0000 !important; }
.right-m{margin: 40px 0 0 0;}
.flo-none{ float:none !important;}
.visi-miss{width: 100%;    margin: 20px 0 0 0;    float: left;}
.text-c{ text-align:center!important; margin:0 12%;}
.banner{ width:100%; float:left; border-top:0px #b4db4a solid; border-bottom:0px #b4db4a solid; display:block;margin: 155px 0 0 0;  }
.desk{display:block!important}
.mob{display:none!important}
.carousel-text { display: block; position: absolute;  top: 30%; left: 3%;   width:27.6%;   z-index: 1;}
.carousel-text-home{ display: block; position: absolute;  top: 30%; left: 40%;   width:27.6%;   z-index: 1;}
.hr{background-color: rgba(153,153,153,0.4);  width: 1px;  height: 635px; float:left; }
.carousel-text-border{background-image:url(../images/bg-banner.png);height:27px;width:100%;position:relative;text-align:center;color:#fff;background-position:center bottom;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.bottom-border{ background:url(../images/bottom-border.png) center 0px repeat-x ;width: 100%; height: 16px; margin: 3px 0 0 0;}
	.over{width:100%; float:left;     padding: 9% 0 0;}
	.over ul {width:100%; float:left; }
	.over ul li{width:100%; float:left; color:#000; font-size:24px; padding:0;    font-weight: 300; }
	.lg-sub-html{    text-transform: uppercase;}
.carousel-text-home h4{font-size:28px;font-weight: normal; letter-spacing: 5px;}
.carousel-text  h2{font-size:55px; font-weight: normal; letter-spacing: 9px; color:#b4db4a; text-align:left;}
.carousel-text 	h2 span{font-size:40px;  font-weight: normal; letter-spacing: 2px;}	
.satyam-left h2{font-size: 50px; font-weight: normal;color: #7b6d51;/* background-image: url(../img/bg-text-f.jpg); */float: left; padding: 6px 65px; width: 100%; display: block; margin:10% 0% 20px; text-align:center; text-transform: uppercase;line-height: 75px;}
 
p{font-size:20px; color:#000000; float:left;  line-height:25px;}
p a{ color: #519cab; text-decoration: none; }
p a:hover{ color:#000;}
.bg-fixed{background:#fff url(../images/bg-fixed.png)no-repeat right top; background-size: contain;   right: 0;   top: 0;    width: 100%;    height: 155px;     position: fixed;    z-index: 999;}
 .form-in-pop div:nth-child(2){   float:left;}
.form-in-pop div{ width:100%; float:left;}
.opencall {    position: absolute;    right: 6%;    z-index: 9;    display: block;    cursor: pointer;    top:10%;     width: 45px;}
 .pach{width: 100%;    float: left;    display: block;    background: #fff;}
.pach img{float: right;width: 12%;}
.active { color: #519cab !important;}
.input{height: 30px; width:97%;   line-height: 10px;  padding: 0 1.5%; background-color:#e5e5e5; outline:none; border:0;}
#field2::-webkit-input-placeholder { color:#000; letter-spacing:1px; font-size:15px;    }
 

 


	
		.textmain-home img{float:left}
  .navbar-brand{width: 100%;    margin: 0;display: block;    float: left;}
	/*	.navbar-brand img{margin:0 auto;    display: block;}*/
	.navbar-expand-lg .navbar-collapse{    display: block;    float: left;    width: 100%;}
.navbar-expand-lg .navbar-collapse p{width: 100%; float: left; }
	.navbar>.container, .navbar>.container-fluid{display: block;}
	.float-right-ami{float:right;    margin: 5% 0 0 0 !important;}
	.main-bg{width:100%; float:left; background:url(../images/main-bg.jpg);padding: 3% 0;}
		.main-bg ul{    width:70%;    float: none;    padding: 0;    margin: 0 auto;}
			.main-bg ul li{width:33.3%;     height: 230px;   float: left;    list-style: none;	    margin: 20px 0 0 0;	}
	.main-bg ul li ul{width:100%;float:left}
	.main-bg ul li h3{font-size:16px; font-weight:bold;   color: #000000;margin: 0 !important; text-align:left  }
	.main-bg ul li ul li{width:100%; float:left; font-size:16px; font-weight:none;color: #000000; line-height:30px;margin: 0;height: auto;}
	 .fixed-bg{    width: 100%;       background: url(../images/bg-fixed.jpg) fixed;    background-size: cover;    background-position: center bottom;    float: left;}
	.bg-on{    margin: 0% auto;    display: block;    padding: 3% 0 0;    height: 100%;    background: url(../images/bg-up.png);    width: 100%;   float: right;    background-position: right;    background-repeat: no-repeat;}
	  .bg-on img{  margin: 0 auto;	  display: block;}
	  .bg-on-o{float: right;    width: 35%;    margin: 0% 0 0 0;}
	    .bg-on-o p{color: #fff; font-size: 25px;    line-height: 40px;    text-transform: uppercase;}
	  .red-bg{width:70%; float: left; margin: 0px 15%; background:url(../images/red.jpg);padding: 50px 50px;}
	  .bigb-four{width:90%; margin:0 auto}
	  .bigb-plans{width:75%; margin:0 auto} 
	  .div-main-add{width:100%; float:left}.main-add{width: 70%;    /* float: left; */    margin: 0 auto;}
	  .main-add p{padding:2% 30% 2% 30%; font-size:16px;text-align: center; width:100%; color:#000}  
	  .carousel{      width: 100%;  float: left;}
.nav-main-0{position: absolute;    right: 0;    top: 0;      font-weight: 500;  font-size: 15px;    color: #282828;}
        .nav-main-0 p {  color: #282828;}
    .nav-main-0 a{  color: #282828 !important;}
.project01 { background-repeat: no-repeat; background: url(../images/bg-fixed.jpg); float: left;    width: 100%;padding: 0 0 7% 0; }
.project01 h1 {  font-size: 16px; color:#282828; font-style: italic;}
.project01 h2 {   font-family: "Raleway", sans-serif; font-size: 36px; color:#282828;     font-weight: 800; margin: 30px 0 20px 0;}
.project01 p { font-size: 16px;    color: #282828;    float: left;    line-height: 30px;    font-weight: 600;  }
	.project01 ul{float: left;    width: 100%;    padding: 0 0 0 20px;}
.project01 ul li { float: left; font-size: 18px;     color: #282828;    width: 100%;}
	.project01 ul li p{ font-size: 16px; }
	.grid_8 img{width: 100%;}
	.img-project01{position: absolute;    bottom: -25%;    left: -25%;}

.project02 {      background :#fff;   padding: 5rem 0 5rem; width:100%; float:left}
.project02 h2 {font-size: 16px;    color: #282828;    font-style: italic; width: 100%; text-align: center;}
.project02 h3 {font-family: "Raleway", sans-serif; font-size: 36px; color:#282828;  text-align: center;width: 100%;      font-weight: 800;}
.project02-div{ background: #ffc64f; width:90%; float: left; margin:2% 5% 0;     border-radius: 15px;}
  .project02-div ul{width: 100%; float: left;padding: 0;}
  .project02-div ul li{ width: 33%;    float: left;    border-left: 1px solid #519cab;    list-style: none;    margin: 3% 0;    padding: 0 2.1%;}
.project02-div ul li:nth-child(1){ border-left: 0px solid #519cab;}
    .project02-div ul li img{margin: 0 auto;     display: block;}
    .project02-div ul li h4 {font-family: "Raleway", sans-serif; font-size: 26px; color:#282828;  text-align: center;width: 100%;      font-weight: 800;     margin: 30px 0 15px;}
    .project02-div ul li p{font-size: 16px; text-align: center; color:#282828;}
.project03 {   padding: 5rem 0  ;   background: url(../images/bg-fixed1.jpg);   width: 100%;       float: left;}
.project03 p {text-align: left;    font-size: 25px;    font-weight: 300;    color: #fff;    line-height: 35px;    width: 100%;    padding: 0% 5%;}
.project03 h2 {font-size: 16px;    color: #282828;    font-style: italic; width: 100%; text-align: center;}
.project03 h3 {font-family: "Raleway", sans-serif; font-size: 36px; color:#282828;  text-align: center;width: 100%;      font-weight: 800;}
.project03 ul {  margin-top: 0rem;padding: 0 0 0 0px;    margin: 0 auto 0px;}
.project03 ul li {  margin: 0 0 0 0;    list-style: none;    width: 14.2%;}
header .logo {  padding: 0 11rem;}
	  
 .project04 {  padding: 0rem 0 0;background: url(../images/bg-fixed-last.jpg);    width: 100%;    float: left; }
.project04 h2 {  color: #000;}
.project04 h5 {  margin-top: 1rem;}
.main-div { width: 100%;    float: left;    border-top: 0px solid #282828;    border-bottom: 1px solid #282828;    padding: 0% 5% 2%;}
.main-div ul{width: 100%; float: left;     padding: 0;}
.main-div ul li{width: 25%; float: left;list-style: none;}
.main-div ul li h3{ font-size: 36px; color:#282828; font-family: "Raleway", sans-serif;}
.main-div ul li h5{font-size: 16px; color:#282828; font-weight: 600;     margin: 20px 0 5px;font-family: "Raleway", sans-serif;}
.main-div ul li p{font-size: 15px; color:#282828; padding: 0;}
.main-div ul li p a{color:#282828;}
 
.footer-bottom{width: 100%; float: left;      padding: 20px 0 0;}
.footer-bottom p{ color:#282828; font-size: 15px; text-align: center;width: 100%; float: left;}
.main-div  h3{font-size: 36px;color:#282828;  font-weight: 800; text-align: left !important;}
.main-div-contact p{font-size: 36px; color:#282828; font-family: "Raleway", sans-serif;     font-weight: 800;     width: 100%; margin: 0 0 40px 0;    float: left;}
.main-div-contact {width: 100%;    padding: 100px 0;    float: left;}
  .main-div-contact label {width: 100%;    float: left;    font-size: 16px;    color: #282828;    font-weight: 600;}
      .main-div-contact input {    background: #fff;    border: 1px solid #d1d1d1;    border-radius: 7px;    width: 90% !important;  }
   .main-div-contact textarea{    background: #fff;    border: 1px solid #d1d1d1;    border-radius: 7px; height: 120px;    width: 95% !important;  }
.map{width: 80%; float: left; border-radius: 15px; height: 500px;} 

.social-icons {
  margin: 30px 0 0;
  position: relative;
  z-index: 2;
    display: block;
    align-content: flex-end;
}

.social-icons a {
    color: #000;
    margin: 0px 3px;
    /* background: white; */
    font-size: 20px;
    padding: 6px 8px;
    text-decoration: none;
    border-radius: 100%;
}



@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}


@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}


@media only screen and (min-width: 1601px) and (max-width: 1700px) {
 
	
}
	
@media only screen and (min-width: 1501px) and (max-width: 1600px) {
	 
}




@media only screen and (min-width: 1401px) and (max-width: 1500px) { 
}




@media only screen and (min-width: 1301px) and (max-width: 1400px) {
	 
}

/***********************************************
Screen Smaller than 1200px
***********************************************/
@media only screen and (min-width: 1101px) and (max-width: 1200px) {
	 

}

 
@media only screen and (min-width: 1001px) and (max-width: 1100px) {
	 
}



@media only screen and (min-width: 0px) and (max-width: 1000px) {
	.desk{display:none !important}
.mob{display:block!important}
	 
.owl-nav button.owl-next{width: 38px;height: 38px;background-size: cover !important;}
.owl-nav button.owl-prev{width: 38px;height: 38px;background-size: cover !important;}
	footer{height: auto;      padding: 20px 0 20px 0;}
	.project01 {        padding: 0px 0 0;  height:auto;   }	.main-add p {    font-size: 14px;    padding: 2% 0% 2% 0%;}
.logo {width: 150px;  float: none;    margin: 10px auto;}
 
p { font-size: 14px;} 
.carousel-text h2 { font-size: 17px;letter-spacing: 3px;}
.carousel-text-home h2 { font-size: 27px;letter-spacing: 0;}
.p130 {  padding: 10px;}
.carousel-text h4 {    font-size: 12px;     letter-spacing: 1px;}
.carousel-text-home h4 { font-size: 19px;letter-spacing: 0;}
h3 {    font-size:20px;    text-align: center;   }
.m190{ margin: 0px 0 20px 45px !important;}
.carousel-text {top: 24%; left: 28%;    width: 63%; }
.carousel-text-home {top: 37%; left: 28%;    width: 63%; }
  
.contact-us-text h4 {    font-size: 20px;}
footer p {   float: none;}
.main-height {
  height: auto;
}
footer ul {      float: none;    margin: 0 17%;}
.scroll-management{ display:none;}
.scroll-aboutus-three{ display:none;}
.mobile-content-about-us{ display:block;}
.contact-us-text p {    letter-spacing: 1px;    line-height: 20px;    margin: 5px 0 0 0;}
.contact-us-text input{margin: 0 0 10px 0; width: 100%;}
.contact-us-text h3{ margin:20px 0 0 0 !important;}
.input {    width: 90%;    padding: 0 1.5%;  border: 0;    margin: 10px 4% 0 !important;    float: none; }
.m120 {    margin: 0px 0 0 0;}
.m000 {    margin: 0 0 0 10px !important;}
.m199 { margin: 40px 0 40px 0;}
.text-c {    text-align: justify !important;  margin: 0 0%;}
.carousel-text-border { height:10px;   background-image: url(../images/bg-banner-m.png);}
.slider-one   { min-height:220px; background-position: 25% bottom;}
.slider-two  { min-height:220px; background-position: 16% bottom;}
 .slider-four  { min-height:220px; background-position: 29% bottom;}
.slider-three { min-height:220px; color: #A5A1A1; background-position: 16% bottom;} 
.navi-getion {    display:block;} 
.navigation{ display:none;} 
.carousel-text-border1 { height: 10px;} 
.img6hover::before {padding: 13% 0;}
 
.navbar>.container, .navbar>.container-fluid{display: flex;}
.collapse:not(.show){    display: none !important;}
.navbar-expand-lg .navbar-collapse{background: #000;}
 
 
.navbar-light .navbar-toggler {    color: rgb(0 0 0 / 100%);    border-color: #000;}


.main-div-contact textarea{width: 100% !important;}
.main-div-contact input{width: 100% !important;}

}