img { width: 100%; }
.title-head { width: 100%; position: absolute; top: 30%;  }
.title { width: 100%; position: relative; float: left; font-size: 35px; font-weight: 400; text-align: center; color: #fff; /*-webkit-animation: slideInLeft 5s 0.2s both;
  -moz-animation: slideInLeft 5s 0.2s both;
  -o-animation: slideInLeft 5s 0.2s both;
  animation: slideInLeft 5s 0.2s both;*/ }

.search-container { width: 100%; position: relative; float: left; }
.searchbar {
    width: 90%;
    position: relative;
    float: left;
    margin-left: 5%;
    padding: 10px;
    background-color: transparent;
    border: solid 1px #fff;
    border-radius: 5px;
  /*-webkit-animation: slideInRight 5s 0.2s both;
  -moz-animation: slideInRight 5s 0.2s both;
  -o-animation: slideInRight 5s 0.2s both;
  animation: slideInRight 5s 0.2s both;*/
}
.searchbar + .fa {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 6px 50px;
    /*-webkit-animation: slideInRight 10s 0.2s both;
  -moz-animation: slideInRight 10s 0.2s both;
  -o-animation: slideInRight 10s 0.2s both;
  animation: slideInRight 10s 0.2s both;*/
}




input { color: #fff; letter-spacing: 1px; }
::placeholder { color: #fff; letter-spacing: 1px; }

.fa-search
{
  position: relative;
  float: right !important;
  padding: 15px 16px;
  bottom: 37px !important;
  right: 50px !important;
}

.fa
{
  position: relative;
  float: left;
 /*top: 10px;*/
  /*padding: 1px 18px 11px 2px;*/
}
.fa-chevron-right { top: 10px !important; }
a .fa
{
  color: #fff;
}


/* Current Project CSS (START) */



.wrapper {
  /*display: table;*/
  height: 100%;
  width: 100%;
}

.project-heading-bg{
    width: 100%;
    position: relative;
    float: left;
    /*padding: 15px 0;*/
}
.project-heading{
    color:#1d496f;
    padding: 10px;
    margin: 0;
    font-size: 24px;
    text-align: center;
    margin-right: 61px;
}

.project-heading1 {
    color: #1d496f;
    margin: 0;
    margin-left: 47px;
}
.who-we-are-heading1{
 font-size: 25px;
 margin-left:65px;
 color: #1a74b9
}
.who-we-are-heading2{
margin-left: 51px;
  font-size: 20px;
  color: #f00;
}
.who-we-are-heading3{
margin-left: 51px;
  font-size: 20px;
  color: #82bbe6;
}

.who-we-content{
    margin: 0;
    line-height: 35px;
   margin-left: 45px;
}

.post-name{
  font-size: 15px;
    color:gray;
}
.mr-80 { margin-right: 80px; }
.pro-button {
    color: #1d496f;
    background-color: #d9bc74;
    border-color: #1d496f;
    border-radius: 5px;
    float: right;
    padding: 6px;
    font-size: 20px;
    /*margin-right: 5px;*/
    /*margin-bottom: 14px;*/
}
.pro-button:hover {
    color: #d9bc74;
    background-color: #1d496f;
    border-color: #1d496f;
}
.container-fostrap {
  padding: 1em;
  text-align: center;
      /*margin: 0 45px;*/
}
.fostrap-logo {
  width: 100px;
  margin-bottom:15px
}
h1.heading {
  color: #fff;
  font-size: 1.15em;
  font-weight: 900;
  margin: 0 0 0.5em;
  color: #505050;
}

@media (min-width: 320px) and (max-width: 446px) {
.project-heading1 {
    margin-left: 10px;
}
.who-we-are-heading2 {
    margin-left: 27px;
  }
  .who-we-are-heading3 {
    margin-left: 28px;
  }
  .who-we-content {
    margin-left: 25px;
}
/*.pro-button {

    float: right;
    padding: 8px;
    font-size: 15pt;
    right: 24px;
    position: relative;
}*/

}

@media (min-width: 450px) {
  h1.heading {
    font-size: 3.55em;
  }
}
@media (min-width: 760px) {
  h1.heading {
    font-size: 3.05em;
  }
}
@media (min-width: 900px) {
  h1.heading {
    font-size: 3.25em;
    margin: 0 0 0.3em;
  }
} 
.card {
    display: block;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    transition: box-shadow .25s;
    margin-top: 12px;

   
}
.card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.img-card {
  width: 100%;
  height:250px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  display:block;
    overflow: hidden;
    margin-top:20px;
}
.img-card1 {
    width: 70%;
    height: 250px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    overflow: hidden;
}
.img-card img{
  width: 100%;
  /*height: 200px;*/
  object-fit:cover; 
  transition: all .25s ease;
} 
.img-card1 img{
  /*width: 100%;*/
  height: 200px;
  object-fit:cover; 
  transition: all .25s ease;
} 
.card-content {
  padding:15px;
  text-align:left;
}
.card-title {
    color: #b4585c;
    margin-top: 0px;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
}
.card-title a {
  color: #000;
  text-decoration: none !important;
}
.projectcard-para{
text-align: center;
    font-size: 9pt;
    font-weight: 500;
}
.Projectcard-para2{
     text-align: center;
    font-size: 10pt;
}
.card-read-more {
  border-top: 1px solid #D4D4D4;
}
.card-read-more a {
  text-decoration: none !important;
  padding:10px;
  font-weight:600;
  text-transform: uppercase
}
.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    width: 100%;
    height: 501px;
}
.modal-image{
margin-top: 16px;
}

.modal-img1{
  width:100%;
  height:250px;
}
.project-model-heading{
 text-align: left;
 color:#a72c32;
 font-size:14pt;
 margin-top: 0px;
 text-transform: uppercase;
}
.project-model-heading1{
 text-align: left;
 font-size:14pt;
 color:#a72c32;
}
.project-model-para{
 text-align: left;
 font-size: 10pt;
 
}
.project-model-headinglist{
  text-align: left;
  font-size: 10pt;
}
.modal-header {
    padding: 15px;
    border:none;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    /* border: 0; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border border-radius: ;
    width: 30px;
    height: 30px;
    border-radius: 33px;
    border: 1px solid black;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
  }


/* Current Project CSS (END) */






/*Contact Us CSS (START)*/

.contact-heading{
  color:#d9bc74;
  font-size:30px;
  text-align: left;
  margin-top: 40px;
}
.contact-heading1{
  color:#d9bc74;
  font-size: 30px;
  /*font-family: Poppins Medium;*/
  text-align: left;
  margin-top: 40px;

}
.contact-para{
  font-size: 20px;
  color:#a72c32;
}
.contact-info {
    font-size: 18px;
    color: white;
    /*font-family: poppins light;*/
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    /* font-weight: 700; */
    color: #d9bc74;
    font-size: 16px;
}

.form-control {
    display: block;
    width: 70%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color:#b0aeae;
   background-color: transparent;
    /* background-image: none; */
    border: none;
    /* border-radius: 4px; */
    border-bottom: 2px solid #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.form-control:focus {
    box-shadow: none;
}


.contact-btn {
    color:  #d9bc74;
    background-color: #94171d;
    border:none;
}
.contact-btn:hover {
    color: #fff;
    background-color:#dc434a;
    border-color: #af0e15;
}
.map{
width: 70%;
    height: 170px;
    margin-top: 9px;

}
.contact-form{
    width: 100%;
    position: relative;
    float: left;
    left: 160px;
}
.contact-detail{
/*margin-left: 20px;*/
width: 100%;
position: relative;
float: left;
}
.contact-info a {
    color: #ffffff;
    text-decoration: none;
}
.contact-info a:hover {
    color: #337ab7;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
.contact-detail{
margin-left: 20px;
position: relative;
float: left;
width: 100%;
}
.contact-form {
    width: 100%;
    position: relative;
    float: left;
    left: 17px;
}
/*.contact-heading {
    margin-top: 110px;
}
  */

}


/*Contact Us CSS (END)*/



/* Style the tab */
.tab {
  float: left;
  position: relative;
  margin-top: 50px;
  width: 35%;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: #1d3348;
    padding: 10px 16px;
    /*width: 100%;*/
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    /*width: 51%;*/
    text-transform: uppercase;
}

/* Change background color of buttons on hover */
/*.tab button:hover {
  background-color: #ddd;
}*/

/* Create an active/current "tab button" class */
.abc button.active {
    background-color: #f00;
    color: white;
}
.abc i.active {
    color: #f00;
}

.abc:hover .fa { color: #f00; }
.abc:hover .tablinks { background-color: #ddd; }
.vr {
    width:2px;
    background-color:#e4b542;
    height: 500px;
    position: relative;
    float: left;
    top:20px;
}
li {padding: 0; margin: 0;}
ul {padding: 0 0 0 20px; margin: 0; line-height: 20px;}
.about-lineheight
{
  line-height: 35px;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0 30px;
  position: relative;
  width: 64%;
  /*border-left: 2px solid #e4b542;*/
}
.heading-sidenav
{
  color: #f00;
  font-size: 23px;
  text-transform: uppercase;
  margin-top: 55px;
}
.overview-tex
{
  color: #202020;
  font-size: 14px;
line-height: 37px;
}
.tablinks
{
  position: relative;
  float: left;
}


/*accordation css start*/

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
#accordion .panel{
    border: none;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 3px;
}
#accordion .panel-title a{
    display: block;
    padding: 12px 15px;
    background: #f00;
    font-size: 16px;
    color: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    position: relative;
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed{
    box-shadow: none;
    color: #fff;
}



#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    /*font-weight: 900;*/
    color: #fff;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 15px;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}


#accordion .panel-title a.collapsed:before{
    color: #676767;
    transform: rotate(0);
}
#accordion .panel-title a:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #ececec;
    position: absolute;
    top: 0;
    right: 55px;
}
#accordion .panel-body{
    padding: 10px 15px 15px;
    border: none;
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
}
.overview-tex-mobile
{
 color: #615f5f;
  font-size: 15px;
  line-height: 22px;
}

/*accordation css ends*/



@media (min-width: 320px) and (max-width: 450px) {
.title-head { width: 100%; position: absolute; top: 30%; }
.title { font-size: 18px; }
/*.pro-button {
    font-size: 12px;
}*/
}

@media (max-width: 768px) {
.modal-content {
   /* height: auto;*/
}
.form-control {
    display: block;
    width: 100%;
}
}

@media only screen and (max-width: 768px){
	.project-heading{
    text-align: center;
    margin-right: 123px;
    font-size: 18px;
	}
.pro-button {
    color: #1d496f;
    background-color: #d9bc74;
    border-color: #1d496f;
    border-radius: 5px;
    float: none;
    padding: 6px;
    font-size: 15px;
    }
    .mr-80 { margin-right: 140px; }
    
    .logo_menu {
    width: 100%;
    position: relative;
    right: 0px; 
}
}

@media only screen and (max-width: 650px){
  .project-heading{
   margin-right: 0px;
 }
}
@media (min-width: 1600px) and (max-width: 1920px) {
.fa
{
  position: relative;
  float: left;
 top: 10px;
  padding: 1px 18px 11px 2px;
}

.project-heading{
    color:#1d496f;
    padding: 10px;
    margin: 0;
    font-size: 24px;
    text-align: center;
    /*margin-right: 61px;*/
    margin-left: 153px;
}

.pro-button {
    color: #1d496f;
    background-color: #d9bc74;
    border-color: #1d496f;
    border-radius: 5px;
    float: right;
    padding: 6px;
    font-size: 20px;
    position: relative;
    right: 152px;
}
}



@media only screen and (min-width: 1920px){
  .project-heading{
    color:#1d496f;
    padding: 10px;
    margin: 0;
    font-size: 24px;
    text-align: center;
    margin-right: -375px;
}
.project-heading1 {
    margin-left: 356px !important;
}
.pro-button {
    position: relative;
    right: 316px;
}

.who-we-are-heading2 {

    margin-left: 374px!important;
    font-size: 20px;
    color: #f00;

}
.who-we-are-heading3 {

    margin-left: 374px!important;
    font-size: 20px;
    color: #82bbe6;


}
.who-we-content {
       margin: 0;
      line-height: 35px;
      margin-left:369px !important;

}
.fa
{
  position: relative;
  float: left;
 top: 6px !important;
  padding: 1px 18px 11px 2px;
}
}

@media only screen and (min-width: 1280px){
  .project-heading1 {
    color: #1d496f;
    margin: 0;
    margin-left: 35px;
}
}

/*@media only screen and (min-width: 1366px){
    .project-heading{
    color:#1d496f;
    padding: 10px;
    margin: 0;
    font-size: 24px;
    text-align: center;
    margin-left: 26px;
}
.pro-button {
    position: relative;
    right: 38px;
}
.project-heading1 {

    color: #1d496f;
    margin: 0;
      
    margin-left: 88px!important;

}

.who-we-are-heading2 {

    margin-left: 101px;
    font-size: 20px;
    color: #f00;

}
.who-we-are-heading3 {

    margin-left: 104px !important;
    font-size: 20px;
    color: #82bbe6;

}

.who-we-content {

    margin: 0;
   
    line-height: 35px;
    margin-left: 94px;

}
}*/


@media (min-width: 1301px) and (max-width: 1440px) {
  .project-heading{
    color:#1d496f;
    padding: 10px;
    margin: 0;
    font-size: 24px;
    text-align: center;
    margin-left: 0px;
}
.pro-button {
    position: relative;
    right: 38px;
}
.project-heading1 {
    color: #1d496f;
    margin: 0;
    margin-left: 90px !important;
}
.who-we-are-heading2 {
    margin-left: 101px;
    font-size: 20px;
    color: #f00;
}
.who-we-are-heading3 {
    margin-left: 104px !important;
    font-size: 20px;
    color: #82bbe6;
}

.who-we-content {
    margin: 0;
    line-height: 35px;
    margin-left: 94px;
}
}