@charset "utf-8"; 

body
{
  font-family: 'Josefin Sans' !important;
}

.page-heading h2
{
  font-family: 'Josefin Sans' !important;
  font-size: 26px
}

.logo img {
  width: 195px;
}


#header.fixed-position
{
  position: inherit;
}

#header.fixed-position .logo .b-logo {
  display: block;
  width: 195px;
}


.archi-columns h2
{
  height: 65px;
  text-align: center;
  font-size: 18px;;
}

.archi-columns .coll
{
  width: 32.333%;
  margin: 5px;
}

.p_home_service
{
  height: 110px;
}

.archi-projects .text
{
  height: 190px;
  padding: 20px;
}

.partners-nav li img
{
  width: 200px;
}

#nav li > a {
  color: #FFF;
  text-shadow: 1px 1px 1px #000;
  font-size: 12px;
}


.archi-projects .beans-slider .slick-dots {
  text-align: center;
  margin: 0 auto;
}

#header.fixed-position:after,
#header.internal-page
{
  background: #000;
}

#header.fixed-position #nav .nav-top > li > a ,
#header.internal-page #nav .nav-top > li > a 

{
  color: #FFF;
}


.archi-columns h2:after
{
  background: rgba(255,210,0,1);
}

.archi-whyus h2::after 
{
  content :"";
  background: rgba(255,210,0,1);
  width: 80px;
  height: 3px;
  display: block;  
  position: absolute;
  margin: 5px 0px 0px 0px ;
}

.btn-history:before
{
  background: #535255;
  display: none;
}

.btn-history:after
{
  display: none;
}

.archi-whyus .btn,
.btn-history,
.archi-projects .btn-history
{
  padding: 10px 20px;
  font-style: normal;
}


.archi-whyus h2 .add
{
  color: #48c9e4;
}



.btn-history:hover
{
  background: #48c9e4;
  color: #FFF;
}

.contact-form .btn-submit
{
  background: #00b5d7;
  border-color: #00b5d7;
}

.lancer-about
{
  font-style:normal;
  font-size: 18px;
}

#Services .slick-initialized .slick-slide,
#products .slick-initialized .slick-slide
{
  padding: 10px;
}

#products h4
{
  font-size: 12px;
  margin-top: -20px;
}

.archi-projects h3 {
  color: #000;
  font-size: 16px;
  height: 42px;
  line-height: 20px;
}


.page-heading .heading
{
  padding: 0 0 10px;
}

.page-heading .heading:after,
.archi-projects h3:after
{
  background: rgba(255,210,0,1);
  
}

.page-heading.small .heading:after
{
  margin: 0 0 0 -43px;
  width: 90px;
  height: 4px;
}

.archi-projects .beans-slider .slick-dots li.slick-active button,
.archi-projects .beans-slider .slick-dots li button:hover
{
  border-color: rgba(255,210,0,1);
  background: rgba(255,210,0,1);
}

.archi-columns
{
  margin: 0px;
}

.archi-columns img
{
  max-height: 262px;
}

.archi-whyus .text-box
{
  font-size: 18px;
}

a:hover, a:focus
{
  text-decoration: none;
}

.slick-slide img
{
  border: 1px solid #ddd;
  border-bottom: none;
}

.architecture-gallery .title
{
  font-size: 22px;
  font-style: normal;
  width: 570px;
  line-height: 38px;
}


.architecture-gallery .subtitle
{
  background: none;
  color: #49cae5;
  margin: -138px 0px 0px 0px;
  font-size: 16px;
  padding: 8px;
}

.architecture-gallery .holder
{
  text-align: center;
}
.architecture-gallery .holder .frame
{
  text-align: center;
}

#header
{
  background: #000;
}

#header.style14 #nav
{
  width: 95%;
}

.chart-block h2,
strong
{
  color: #00b5d8 !important;
}


#footer.style9 .footer-cent
{
  background: rgb(44, 44, 44);
}

@media screen and (max-width:767px)
{
  .archi-columns .coll {
    width: 100%;
    margin: 0px 0px 10px 0px ;
  }

  .archi-projects .text {

    font-size: 12px;
    text-align: justify; 
    
  } 
  .logo
  {
    width: 100%;
  }
  .logo img {
    width: 50%;
  }

  .architecture-gallery .holder .frame
  {
    margin-top: 120px;
  }

}