@font-face {

    font-family: 'ralewaybold';

    src: url('../fonts/raleway.bold-webfont.eot');

    src: url('../fonts/raleway.bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/raleway.bold-webfont.woff2') format('woff2'),

         url('../fonts/raleway.bold-webfont.woff') format('woff'),

         url('../fonts/raleway.bold-webfont.ttf') format('truetype'),

         url('../fonts/raleway.bold-webfont.svg#ralewaybold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'ralewaymedium';

    src: url('../fonts/raleway.medium-webfont.eot');

    src: url('../fonts/raleway.medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/raleway.medium-webfont.woff2') format('woff2'),

         url('../fonts/raleway.medium-webfont.woff') format('woff'),

         url('../fonts/raleway.medium-webfont.ttf') format('truetype'),

         url('../fonts/raleway.medium-webfont.svg#ralewaymedium') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'ralewaythin';

    src: url('../fonts/raleway.thin-webfont.eot');

    src: url('../fonts/raleway.thin-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/raleway.thin-webfont.woff2') format('woff2'),

         url('../fonts/raleway.thin-webfont.woff') format('woff'),

         url('../fonts/raleway.thin-webfont.ttf') format('truetype'),

         url('../fonts/raleway.thin-webfont.svg#ralewaythin') format('svg');

    font-weight: normal;

    font-style: normal;

}



ul , ol{margin:0; text-decoration: none;}

body{ font-family: 'ralewaymedium';}

p { margin-top: 0; line-height: 30px;}

h1, h2, h3 , h4 , h5{  margin-top: 0!important; color: #000;}

img { max-width: 100%; }

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

/*----------------------------------------------------- common classes ---------------------------------------------------*/

.owl-theme .owl-controls { margin-top: -34px; }

.owl-theme .owl-controls .owl-page span { background: none repeat scroll 0 0 transparent; border: 3px solid #fff; height: 15px; width: 15px; opacity: 0.6;

border-radius: 0px;

-webkit-border-radius: 0px;

}

.owl-theme .owl-controls .owl-page.active span , .owl-theme .owl-controls.clickable .owl-page:hover span{ background: #fff; opacity: 0.9;} 

.common-section { padding: 50px 0; }

h2.header { font-family:  'ralewaybold'; margin-bottom: 50px; position: relative; }

h2.header:before { content: ""; position: absolute; height: 5px; bottom: -19px; left: -3px; background: #E31D24; width: 50px;  }

h3.header { font-family:  'ralewaybold'; margin-bottom: 50px; position: relative;}

h3.header:before { content: ""; position: absolute; height: 5px; bottom: -19px; left: -3px; background: #E31D24; width: 50px;  }

h4.header { text-transform: uppercase; color: #DAB72C; }

.menu-setup { margin-top: 108px; }

h4.subheader {  font-weight: bold; letter-spacing: 2px; margin-bottom: 19px; }

.light-greybg { background: #eeeff3; }



/*----------------------------------------------------- Header ---------------------------------------------------*/

header { background: #16161E; height: 108px; border-bottom: 3px solid #E31D24; position: fixed; top: 0; z-index: 999; left: 0; width: 100%;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}

header .logo { position: absolute; background: #16161e; border-bottom: 3px solid #E31D24; height: 188px; width: 188px; text-align: center; padding:0;

border-radius: 50%;

-webkit-border-radius: 50%; 

} 

header .logo:hover { background: #16161E !important;}

header .logo img { margin-top: 5px;}

header .nav.cust-navbar { margin-top: 55px; font-family: 'ralewaybold';

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}

header .nav.cust-navbar li a { color: #fff; background: #16161E;

-webkit-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}

header .nav.cust-navbar li a:hover { background: #E31D24; }



header.menu-small { height: 53px; }

header.menu-small .logo { visibility: hidden;}

header.menu-small .nav.cust-navbar { margin-top: 0px; }

header.menu-small nav .submenu { top: 50px; }



header nav { position: relative; }

#myNavbar1.open {  top: 0px; }

/*----------------------------------------------------- submenu ---------------------------------------------------*/

header nav .submenu { position: absolute; right: 0; top: 105px; background: #16161E;  border-top: 3px solid #e31d24;

-webkit-box-shadow: -4px 5px 8px -1px rgba(250,250,250,0.61);

-moz-box-shadow: -4px 5px 8px -1px rgba(250,250,250,0.61);

box-shadow: -4px 5px 8px -1px rgba(250,250,250,0.61);

-webkit-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}

header nav .submenu .container { padding: 0; }

header nav .submenu ul.nav { border-color: rgba(218, 183, 44, 0.14); }

header nav .submenu ul.nav li a{ width: 290px; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; border-right-color: rgba(218, 183, 44, 0.14);

border-radius: 0px;

-webkit-border-radius: 0px;

}

header nav .submenu ul.nav li.active a, header nav .submenu ul.nav li a:hover { background: #dab72c; color: #000; border-color:  #dab72c; }

header nav .submenu .tab-content .tab-pane { padding: 10px; }

header nav .submenu .tab-content .tab-pane .sub-links { width: 100%; padding: 10px 0 ; text-align: center; display: block; color: #fff; text-decoration: none; font-weight: bold; }

header nav .submenu .tab-content .tab-pane .sub-links:hover { background: #1F1F23; 

-webkit-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}



/*----------------------------------------------------- banner ---------------------------------------------------*/

.banner1 { background: url(../images/banner1.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.banner2 { background: url(../images/banner2.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.banner3 { background: url(../images/banner3.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner1 { background: url(../images/ArchitectualPlanning1.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner2 { background: url(../images/ArchitectualPlanning2.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner3 { background: url(../images/ArchitectualPlanning3.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner4 { background: url(../images/ArchitectualPlanning4.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner5 { background: url(../images/ArchitectualPlanning5.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner6 { background: url(../images/ArchitectualPlanning6.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner7 { background: url(../images/ArchitectualPlanning7.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner8 { background: url(../images/ArchitectualPlanning8.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner9 { background: url(../images/ArchitectualPlanning9.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner10 { background: url(../images/ArchitectualPlanning10.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner11 { background: url(../images/ArchitectualPlanning11.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner12 { background: url(../images/ArchitectualPlanning12.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner13 { background: url(../images/ArchitectualPlanning13.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner14 { background: url(../images/ArchitectualPlanning14.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner15 { background: url(../images/ArchitectualPlanning15.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner16 { background: url(../images/ArchitectualPlanning16.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner17 { background: url(../images/ArchitectualPlanning17.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner18 { background: url(../images/ArchitectualPlanning18.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner19 { background: url(../images/ArchitectualPlanning19.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner20 { background: url(../images/ArchitectualPlanning20.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }

.service-sub-banner-interior { background: url(../images/interior-banner.jpg) no-repeat ;   -webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -o-background-position: center center; background-position: center center;  }





.section-banner { position: relative;}

.section-banner .slider-nav { position: absolute; top: 50%; z-index: 998; border: 1px solid #fff; font-size: 22px; color: #fff; height: 50px; width: 50px; padding: 10px 0; text-align: center; opacity: 0;

border-radius: 50%;

-webkit-border-radius: 50%;

-webkit-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}

.section-banner:hover .slider-nav { opacity: 1; }

.section-banner .slider-nav.leftslide { left: 50px;  }

.section-banner .slider-nav.rightslide { right: 50px;  }

.section-banner .item .slider-item { height: 600px; display: table; width: 100%; text-align: center; }



/*----------------------------------------------------- Awards and client ---------------------------------------------------*/

.section-award-client .imagtxt-cont .backimg { height: 60px;  width: 60px; background-image: url("../images/awards.png"); background-repeat: none; background-position: 0 8px; display: inline-block; vertical-align: middle;}

.section-award-client .imagtxt-cont span { display: inline-block;  vertical-align: middle;}

.section-award-client .cust-awards .first-row { margin-bottom: 20px;  }

.section-award-client  .cust-awards { width: 50%; float: left; }

.section-award-client  .cust-awards.left { padding-right: 40px; }

.section-award-client  .cust-awards.right { padding-left: 40px; }

/*----------------------------------------------------- Client carier ---------------------------------------------------*/

.section-client-career { height: 50px;  background: #33322E;}

.section-client-career .cust-btn { display: inline-block; vertical-align: middle; padding: 15px; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-ms-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}

.section-client-career .cust-btn:hover { background: #000; }



/*----------------------------------------------------- Client speak ---------------------------------------------------*/

.section-client-speak {background: #FCEAC5;}

.section-client-speak .header { width: 200px; margin: 0px auto 50px auto;  }

.section-client-speak p.quote { line-height: 20px;  position: relative; overflow: visible; padding-top: 5px; text-align: justify; }

.section-client-speak p.quote span.first { display: inline-block; background-image: url(../images/quotes.png); height: 20px; width: 20px; top: 0; left: 0; background-size: 55px; background-position: 50px center;  }

.section-client-speak p.quote span.last {  display: inline-block; background-image: url(../images/quotes.png); height: 20px; width: 20px; bottom: 0; right: 0; background-size: 55px; background-position: 84px center;  }

.section-client-speak .owl-theme .owl-controls { display:  none !important;  }



/*----------------------------------------------------- Our clients ---------------------------------------------------*/

.our-clients h2.client-header { width: 165px; margin-left: auto; margin-right: auto; }



/*----------------------------------------------------- section-about-us ---------------------------------------------------*/

.section-abtus h2.abtus-header {   width: 260px; margin-left: auto; margin-right: auto;}



/*----------------------------------------------------- our-team ---------------------------------------------------*/

.our-team { background: #EEEFF3; }

.our-team h3.header { margin-left: auto;  margin-right: auto;  width: 260px; }

.our-team .person { background: #D2D2D2; text-align: center; }

.our-team .person p { margin-bottom: 0px; }

.our-team .person .info { background: #16161E; }

.our-team .person .info p.name { color:  #dab72c; font-size: 20px; padding-top: 15px;  }

.our-team .person .info p.name a { color:  #dab72c; text-decoration: none; }

.our-team .person .info p.post { color: #fff; }

.our-team .row { margin-bottom: 20px; }



/*----------------------------------------------------- Master planning  ---------------------------------------------------*/

.masterplanning h2.header {  margin-left: auto; margin-right: auto;  width: 400px;  }

.landscape h2.header {  margin-left: auto; margin-right: auto;  width: 266px;  }



/*----------------------------------------------------- about-company  ---------------------------------------------------*/

.about-company h4.subheader { color: #16161E; }

.about-company .text-cont { padding-top: 22px;  }

.about-company p { line-height: 22px; }

.about-company .row { margin-bottom: 20px; }



/*----------------------------------------------------- section-awards  ---------------------------------------------------*/

.section-awards { background: #EEEFF3; }

.section-awards h2 { margin-left: auto;  margin-right: auto;  width: 375px;  }



.section-awards .certificate-cont  { margin-bottom: 20px; }

.section-awards .certificate-cont .certificate { background: #fff; padding: 5px; height: 460px; }

.section-awards .certificate-cont .certificate .img-cont { padding: 15px;  }

.section-awards .certificate-cont .certificate .info { padding: 0px 15px 15px 15px; }

.section-awards .certificate-cont .certificate .info p.header { margin-bottom: 5px; text-transform: uppercase; color: #dab72c; font-size: 17px; font-weight: bolder;}

.section-awards .certificate-cont .certificate .info p.content { line-height: 20px; text-align: justify; }



/*-----------------------------------------------------  services ---------------------------------------------------*/

.services  h2.header { margin-left: auto;  margin-right: auto;  width: 144px; }



.services.our-team .person .info { padding: 10px;  }

.services.our-team .person .info p.serdesc { color: #fff; text-align: justify; line-height: 22px;height: 156px;}

.services.our-team .person .info p.name { font-weight: bold; }



.project-slid .item .slider-item { height: 400px; }



/*-----------------------------------------------------  text-content ---------------------------------------------------*/

.text-content { position: relative; overflow: hidden;}

.text-content  p , .masterplanning  ul{ line-height: 20px; margin-bottom: 20px; }

.text-content  li { line-height: 22px; }

.text-content .readmore { color: #E31D24; font-weight: bold; position: absolute; right: 0;  bottom: -50px; padding: 2px 11px; background: #16161E; text-decoration: none; 

-webkit-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}

.text-content .readmore:hover { color: #fff; }

.home-textcontent { height: autox; }

.home-textcontent .container { height: 100%; position: relative; }

/*-----------------------------------------------------  subpage-slider ---------------------------------------------------*/

.subpage-slider .project-slid { margin-bottom: 20px; }

/*-----------------------------------------------------  footer ---------------------------------------------------*/

footer { background: #16161E; }

footer .footer-top { padding: 25px 0; border-bottom:1px solid #33322E;}

footer .footer-top p { line-height: 25px; color: #fff; margin-bottom: 10px; }

footer .footer-top .img-cont { margin-bottom: 20px; }

footer .footer-top .cust-download-btn { width: 100%; padding: 12px 0; background: #dab72c; font-weight: bold; color: #000; 

-webkit-border-radius: 0 0 0 0;

border-radius: 0 0 0 0;

}

footer .footer-top .cust-download-btn i { margin-right: 5px; }

footer .footer-top form input, footer .footer-top form textarea{ padding: 8px; font-size: 12px; color: #000;

border-radius: 0px;

-webkit-border-radius: 0px;

 }

footer .footer-top .tbx-cont { margin-bottom: 6.5px; }

footer .footer-top .pdf-download { width: 100%; background: #c0392b; color: #fff; font-weight: bold; font-size: 15px; margin-bottom: 50px;

-webkit-border-radius: 0 0 0 0;

border-radius: 0 0 0 0;

}

footer .footer-top .pdf-download i { margin-right: 5px; }

footer .footer-top .social-cont a { width: 33.333333%; display: block; float: left; text-align: center; color: #fff; font-size: 20px; height: 50px; padding-top: 10px;}

footer .footer-top .social-cont a.facebook { background: #3B5998; }

footer .footer-top .social-cont a.twitter { background: #00ACED; }

footer .footer-top .social-cont a.youtube { background: #CC181E; }

footer .footer-top .social-cont a.googleplus { background: #DE5246; }

footer .footer-top .social-cont a.linkedin { background: #0077B5; }

footer .footer-top .social-cont a.pitrest { background: #BD2126; }

footer .footer-bottom { height: 30px; }

footer .footer-bottom p.rights { margin-bottom: 0px; }

footer .footer-bottom p.rights a{  color: #fff; margin-bottom: 0px; }

.hncolorbox .col-md-4{height:300px}