/*================ GENERAL CSS ===============*/

@font-face {

  font-family: 'CenturyGothic';

  src: url("../fonts/CenturyGothic.woff") format("woff"), url("../fonts/CenturyGothic.ttf") format("truetype"), url("../fonts/CenturyGothic.svg#CenturyGothic") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'CenturyGothic-Bold';

  src: url("../fonts/CenturyGothic-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic-Bold.woff") format("woff"), url("../fonts/CenturyGothic-Bold.woff2") format("woff2"), url("../fonts/CenturyGothic-Bold.ttf") format("truetype"), url("../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg");

  font-weight: normal;

  font-style: normal;

}



body {

  color: #17274b;

  font-family: "CenturyGothic";

  margin: 0;

  padding: 0;

  line-height: 1.28;

  font-size: 15.76px;

  letter-spacing: 1px;

  background: #dfded7;

}

@media (max-width: 480px) {

  body {

    font-size: 14px;

  }

}



h1, h2, h3, h4, h5, h6 {

  line-height: 1.3;

  margin: 0;

  font-family: "CenturyGothic-Bold";

}



.pad-0 {

  padding: 0;

}



::selection {

  color: white;

  background-color: #17274b;

}



::-moz-selection {

  color: white;

  background-color: #17274b;

}



a {

  text-decoration: none;

  transition: .5s ease all;

  color: #aba796;

}

a:hover {

  text-decoration: none;

  color: black;

}

a:focus {

  text-decoration: none;

  outline: none;

}



p {

  margin: 0 0 23px;

}



ul {

  padding-left: 0;

  list-style: none;

  margin: 0;

}

ul li {

  position: relative;

}



ol {

  padding-left: 17px;

}

ol li {

  margin-bottom: 23px;

  padding-left: 17px;

}



table {

  width: 100%;

  border: 2px solid #17274b;

}





table thead {

  font-size: 14px;

  color: #ffffff;

  letter-spacing: 1px;

}



table thead th, table th {

  background: #17274b;

  padding: 8px 14px;

  font-size: 14px;

  color: #aba796;

  letter-spacing: 1px;

  font-family: "CenturyGothic-Bold";

}



table tbody {

  font-size: 14px;

  color: #17274b;

}



table tbody tr td {

  padding: 8px 15px;

  border-bottom: 2px solid #17274b;

  border-right: 2px solid #17274b;

}



.grey {

  background: #dfded7;

}



ol.alpha-list {

  counter-reset: list;

}



ol.alpha-list > li {

  list-style: none;

  position: relative;

}



ol.alpha-list > li:before {

  counter-increment: list;

  content: counter(list,lower-alpha) ") ";

  position: absolute;

  left: -1.4em;

}



/*================================================

          HEADER CSS

===================================================*/

header {

  background: #17274b;

}

header .header-inner {

  width: 100%;

  padding: 0;

}

header .logo {

  padding-top: 13px;

  padding-left: 35px;

}
@media(max-width: 991px){
  header .logo {
    padding-top: 10px;

  }
}

@media(min-width: 768px){

  header .right-header{

    width: 41.6667%;

    float: left;

  }

  header .logo {

   width: 58.3333%

  }

}

@media (max-width: 767px) {

  header .logo {

    padding-left: 10px;

  }

}

@media (max-width: 639px) {

  header .logo {

    padding-left: 0;

    width: 100%;

  }

}


@media (max-width: 639px) {

  header .logo img {
    height: 70px;
    margin: auto;

    display: table;

  }

}

header .top-bar {

  width: 100%;

  float: left;

  background: #aba796;

  text-align: right;

  color: #ffffff;

  padding: 18px 30px 18px 15px;

  font-size: 21.14px;

}

header .top-bar a{

  color:#ffffff;

}

@media (max-width: 991px) {

  header .top-bar {

    font-size: 16px;

    padding: 18px 13px 18px 10px;

  }

}
@media (max-width: 767px) {

  header .top-bar {

    font-size: 18px;

    padding: 18px 11px 18px 15px;

  }

}

@media (max-width: 639px) {

  header .top-bar {

    font-size: 16px;

    padding: 6px;

  }

}

header .top-bar p {

  margin-bottom: 0;

}



.navbar {

  clear: both;

  border: none;

  margin: 0;

}

.navbar #navbar {

  padding: 0;

  float: left;

}

@media (max-width: 767px) {

  .navbar #navbar {

    float: none;

  }

}

@media (max-width: 767px) {

  .navbar .navbar-nav {

    margin: 0;

  }

}

.navbar .navbar-nav li a {

  padding: 14.9px 20.8px;

  color: #aba796;

  font-size: 14.54px;

  letter-spacing: 1.2px;

  text-transform: uppercase;

}

@media(max-width: 1350px){

  .navbar .navbar-nav li a{

    padding:  14.9px 13.8px;

  }

}

.navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus {

  background: #ffffff;

  color: #17274b;

}

.navbar .navbar-nav li.active a {

  background: #ffffff;

  color: #17274b;

}

.navbar .icon {

  font-size: 16px;

  font-style: initial;

  font-weight: normal;

  position: relative;

  top: 1px;

  line-height: 0;

}

.navbar .dropdown-menu {

  margin-top: 0;

  padding: 0;

  border: none;

  box-shadow: none;

  background: #ffffff;

}

.navbar .dropdown-menu li {

  text-transform: uppercase;

  background: transparent;

  border-radius: 0;

  background: #ffffff;

}

.navbar .dropdown-menu li a {

  display: block;

  background: transparent;

  border-radius: 0;

  background: #ffffff !important;

  font-size: 13px;

  padding-top: 10px;

  padding-bottom: 10px;

  color: #17274b;

}

.navbar .dropdown-menu li a:hover, .navbar .dropdown-menu li a:focus {

  background: #d6d5cc !important;

}



.navbar-toggle {

  margin: 0;

}



.navbar-toggle .icon-bar {

  background: #ffffff;

}



@media (max-width: 639px) {

  .right-header {

    float: left !important;

    width: 100%;

    margin-top: 10px;

  }

}



/*================================================

					HOME CSS

===================================================*/

@media (min-width: 768px) {

  .home-slider {

    max-height: 456px;

    overflow: hidden;
    background: #aba796;

  }

}

.home-slider .slide-caption {

  background: #aba796;

  color: white;

  padding: 80px 28px;

}

@media (min-width: 768px) {

  .home-slider .slide-caption {

    position: absolute;

    right: 0;

    height: 100%;

  }

}

@media (max-width: 1199px) {

  .home-slider .slide-caption {

    padding: 50px 28px;

  }

}

@media (max-width: 991px) {

  .home-slider .slide-caption {

    padding: 30px 15px;

  }

}

.home-slider .slide-caption h1 {

  font-weight: normal;

  font-family: "CenturyGothic";

  font-size: 46px;

  line-height: 1.5;

  letter-spacing: 2px;

}

@media (max-width: 1199px) {

  .home-slider .slide-caption h1 {

    font-size: 40px;

  }

}

@media (max-width: 991px) {

  .home-slider .slide-caption h1 {

    font-size: 28px;

  }

}

.home-slider .slide-caption h1 span {

  display: block;

}

.home-slider .slide-img {

  padding: 0;

}

.home-slider .slide-img img {

  width: 100%;

}

@media (max-width: 767px) {

  .home-slider .slide-img img {

    max-height: 410px;

    overflow: hidden;

  }

}



@media (max-width: 767px) {

  #home-wrap img.pull-right {

    float: none !important;

  }

}



.page-banner {

  max-height: 175px;

  overflow: hidden;

  position: relative;

}

.page-banner .banner-img {

  padding: 0;

}

.page-banner .banner-img img {

  width: 100%;

}

@media (max-width: 767px) {

  .page-banner .banner-img img {

    min-height: 95px;

  }

}

.page-banner .banner-text {

  padding: 0;

  background: #aba796;

  height: 100%;

  color: white;

  padding: 40px 25px 15px;

  position: absolute;

  height: 100%;

  right: 0;

}

@media (max-width: 1199px) {

  .page-banner .banner-text {

    padding-top: 18px;

  }

}

@media (max-width: 991px) {

  .page-banner .banner-text {

    padding: 15px;

  }

}

@media (max-width: 767px) {

  .page-banner .banner-text {

    position: relative;

  }

  .page-banner{

    max-height: none;

  }

}

.page-banner .banner-text h1 {

  font-weight: normal;

  font-family: "CenturyGothic";

  font-size: 30px;

  letter-spacing: 2px;

  text-transform: uppercase;

}

@media (max-width: 1199px) {

  .page-banner .banner-text h1 {

    font-size: 28px;

  }

}

@media (max-width: 991px) {

  .page-banner .banner-text h1 {

    font-size: 22px;

  }

}

@media (max-width: 480px) {

  .page-banner .banner-text h1 {

    font-size: 18px;

  }

}

.page-banner .banner-text h1 span {

  display: block;

}



span.blue {

  color: #17274b;

}



.site-content {

  background: white;

  width: 100%;

  float: left;

}

.site-content .content-left {

  padding: 35px 30px 30px 42px;

  background: white;

}

@media (max-width: 767px) {

  .site-content .content-left {

    width: 100%;

    float: left;

  }

}

@media (max-width: 480px) {

  .site-content .content-left {

    padding: 30px 15px;

  }

}

.site-content .content-right {

  padding: 0;

  background: white;

}

@media (max-width: 767px) {

  .site-content .content-right {

    width: 100%;

    float: left;

  }

}



h2.title, h2 {

  font-size: 25.26px;

  letter-spacing: 2px;

}



h2.title {

  color: #aba796;

  margin-bottom: 40px;

}



.full-img {

  width: 100%;

}



strong {

  font-family: "CenturyGothic-Bold";

  line-height: 1.3;

}

strong small {

  font-size: 11.76px;

}



.images-list {

  padding: 35% 20px 20px 40px;

}

@media (max-width: 767px) {

  .images-list {

    padding: 10px 15px;

  }

}

.images-list img {

  margin-bottom: 50px;

}



.inner-page .content-left {

  padding-top: 45px;

}



/*================================================

				FOOTER CSS

===================================================*/

footer {

  min-height: 48px;

  width: 100%;

  float: left;

}

footer a {

  color: white;

}

footer p {

  margin: 0;

}



footer .footer-left {

  background: #aba796;

  color: #ffffff;

  font-size: 14px;

  min-height: 48px;

  padding-top: 13px;

  padding-left: 50px;

}

@media (max-width: 767px) {

  footer .footer-left {

    padding-left: 15px;

  }

}



footer .footer-right {

  background: #17274b;

  color: #ffffff;

  font-size: 10px;

  text-align: right;

  min-height: 48px;

  padding-top: 15px;

  padding-right: 26px;

}



.project-wrap .project {

  width: 100%;

  float: left;

}

.project-wrap .project .project-detail {

  padding: 40px 30px 10px 40px;

}

@media (max-width: 767px) {

  .project-wrap .project .project-detail {

    padding: 20px 15px;

  }

}

.project-wrap .project .project-detail h2 {

  font-size: 33.76px;

  margin-bottom: 26px;

}

@media (max-width: 767px) {

  .project-wrap .project .project-detail h2 {

    font-size: 23px;

    margin-bottom: 20px;

  }

}

.project-wrap .project .project-detail .mr-0 {

  margin-bottom: 0;

}

.project-wrap .project .project-detail h5 {

  margin-bottom: 18px;

}

.project-wrap .project .project-detail ul {

  margin-bottom: 18px;

}

.project-wrap .project .project-img {

  padding: 0;

}

.project-wrap .project .project-img img {

  width: 100%;

}

.project-wrap .project .project-img img.last-img {

  width: auto;

}



.project-wrap .project{

  background: white;

}

/*.project-wrap .project:nth-child(even) .project-detail {

  padding-top: 60px;

}*/



#disclaimer {

  font-size: 11px;

  padding-bottom: 40px;

}

#disclaimer ul {

  list-style-type: disc;

  padding-left: 10px;

  margin-bottom: 23px;

}

#disclaimer ul li {

  margin-bottom: 6px;

}

#disclaimer h5 {

  font-size: 11px;

  margin-bottom: 3px;

}

#disclaimer ol li {

  margin-bottom: 6px;

}

#disclaimer ol.alpha-list > li::before {

  content: counter(list,lower-alpha) ".";

}



.team-wrap .team {

  margin-bottom: 33px;

}

.team-wrap .team h2 {

  font-size: 19.76px;

}

.team-wrap .team .designation {

  font-size: 13.76px;

  margin-bottom: 18px;

  display: block;

}



.contact-form {

  max-width: 450px;

  padding-top: 15px;

}

.contact-form h3 {

  font-size: 19.76px;

  text-transform: uppercase;

  margin-bottom: 20px;

}



form .form-control {

  border: 1px solid #17274b;

  height: 47px;

  border-radius: 0;

}

form .form-group {

  margin-bottom: 22px;

}

form textarea {

  height: 185px !important;

}

form input[type="submit"] {

  background: #17274b;

  border: none;

  color: white;

  text-transform: uppercase;

  height: 35px;

  min-width: 90px;

  text-align: center;

  float: right;

}



.contact-address {

  background: #dfded7;

  font-size: 14.85px;

  padding: 50px 30px 90px;

}

.contact-address h3 {

  font-size: 19.76px;

  text-transform: uppercase;

  margin-bottom: 14px;

}

.contact-address .contact-info {

  margin-bottom: 30px;

}

.contact-address .contact-info h5 {

  font-size: 14.85px;

}

.contact-address .contact-info p {

  margin-bottom: 3px;

}

.contact-address .contact-info a {

  color:#17274b;

  margin-left: 10px;

}

.contact-address .contact-info span{

  margin-left: 10px;

}

.transparent {

  background: transparent;

}

@media(max-width: 480px){

  .contact-address .contact-info p {

    margin-top: 5px;

    margin-bottom: 8px;

  }

}

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



    table {

      border: 0;

    }



    table thead {

      display: none;

    }



    table tr {

      margin-bottom: 10px;

      display: block;

      border: 1px solid #17274b;

    }



    table td {

      display: block;

      text-align: right;

      font-size: 13px;

      border-bottom: 1px dotted #ccc;

    }



    table td:last-child {

      border-bottom: 0;

    }



    table td:before {

      content: attr(data-label);

      float: left;

      text-transform: uppercase;

      font-weight: bold;

      text-align: left;

    }

    

    table tr td:first-child{

      font-weight: bold;

      background: #17274b;

      color:#ffffff;

    }

    table tbody tr td{

      border-bottom:1px dotted #17274b;

      border-right:0;

    }
}

/* slider fade effects*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  transition-timing-function:linear;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/**************toggle menu at 1024px********************/

@media (max-width: 1024px) {
  .navbar-header {
    float: right;
  }
    
    .navbar #navbar {

    width: 100%;

  }

  .navbar .navbar-nav {

    margin: 0;

  }
    .navbar-toggle {
        display: block;
    }
  .navbar-collapse.collapse{
    display: none !important;
  }
  .collapse.in{
    display: block !important;
  }
  .navbar-nav {
        float: none !important;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-collapse.in {
        overflow-y: auto;
    }

    .collapse.in {
        display: block;
    }
    
}
@media (min-width: 768px) and (max-width: 1024px){
  .site-content{
    position: relative;
  }
  .full-img{
    display: none;
  }
  .project-wrap .project .project-detail,.project-wrap .project .project-img{
    width: 100%;
  }

}
.project-page .content-left{
  padding: 0;
}

/*==========additional changes css=======*/
@media(min-width: 1025px){
.navbar #navbar{
  width: 100%;
}
.navbar #navbar .navbar-nav{
  width: 100%;
  text-align: center;
}

.navbar #navbar .navbar-nav>li{
  float: none;
  display: table-cell;
  width: 1%;
}
}

.team{
  margin-bottom: 60px;
}