/*
Author: Bootstrapthemes
*/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,
body{margin:0; padding:0; padding-top:40px; font-family: 'Raleway', sans-serif; }

h2 ,h2{text-transform: uppercase; font-weight: 700; font-size: 20px; color: #2f2f2f; letter-spacing: 0.02em; word-spacing: 1px; }
p{padding-bottom:20px; font-size: 14px; line-height: 26px; color: #000; font-weight: 400; letter-spacing: 0.04em;}
.container{width: 90%; margin: auto; display: block; word-spacing: 1px;}
h4, h4{color: 333; font-weight: 600;}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #333;
    /* background-color: transparent; */
}

.menu-btn{
  position: absolute;
  right: 0;
  top: 4%;
  z-index: 99999;
  float: right; 
  margin-left: auto;
  margin-top: 20px;
  margin-left: 19%;
  font-size: 30px;
  transition: 0.5s;
  border-radius: 5px;
}

.menu-btn.scrollUp {
  transform: translateY(-80px);
}

.menu-btn{
    display: none;
  }

  .carousel-control.left {
    background-repeat: repeat-x;
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
}
  
.carousel-control.right {
  padding-right: 25px;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
}

.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.project-slider{max-width: 100%; margin: auto; display: block;}
.carousel-inner img{width: 100%;}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    padding-top: 2px;
    text-align: center;
}

.carousel-inner .item img{display: block; margin: auto; cursor: all-scroll;}

.list-inline img {
  margin: auto;
  display: block;
  width: 160px;
}

.list-inline > li {
  padding: 0;
}
.list-inline > li:hover {
  cursor: pointer;
}
.list-inline .selected img {
  opacity: 1;
  border-radius: 15px;
}
.list-inline img {
  opacity: 0.5;
  transition: all .5s ease;
}
.list-inline img:hover {
  opacity: 1;
}

.item > img {
  max-width: 100%;
  height: auto;
  display: block;
}




  /*---------------menu icon--------------------*/
.button {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  background: #313539;
  margin: 0 auto;
  padding-top: 12px;
  transition: all 500ms cubic-bezier(1.000, 0.000, 0.645, 0.650);
}

.sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.menu-bar {
  display: block;
  position: relative;
  background: #fff;
  width: 26px;
  height: 2px;
  border-radius: 1px;
  transition: all 300ms;
  margin: 0 auto;
}

.bar1 {
  top: 0;
  animation: topbar-back 500ms;
  animation-fill-mode: both;
  animation-play-state: initial !important;
}

.bar2 { opacity: 1; }

.bar3 {
  bottom: 0;
  animation: bottombar-back 500ms;
  animation-fill-mode: both;
  animation-play-state: initial !important;
}

.menu-bar + .menu-bar {
  margin-top: 5px;
}

.toggled .bar1 {
  top: 25%;
  animation: topbar-x 500ms;
  animation-fill-mode: both;
}

.toggled .bar2 {
  opacity: 0;
}

.toggled .bar3 {
  bottom: 25%;
  animation: bottombar-x 500ms;
  animation-fill-mode: both;
}

@keyframes topbar-x {
  0% {
    top: 0;
    -webkit-transform: rotate(0deg);
  }

  45% {
    top: 25%;
    -webkit-transform: rotate(145deg);
  }

  75% {
    -webkit-transform: rotate(130deg);
  }

  100% {
    -webkit-transform: rotate(135deg);
  }
}

@keyframes topbar-back {
  0% {
    top: 25%;
    -webkit-transform: rotate(135deg);
  }

  45% {
    -webkit-transform: rotate(-10deg);
  }

  75% {
    -webkit-transform: rotate(5deg);
  }

  100% {
    top: 0;
    -webkit-transform: rotate(0);
  }
}

@keyframes bottombar-x {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0deg);
  }

  45% {
    bottom: 25%;
    -webkit-transform: rotate(-145deg);
  }

  75% {
    -webkit-transform: rotate(-130deg);
  }

  100% {
    -webkit-transform: rotate(-135deg);
  }
}

@keyframes bottombar-back {
  0% {
    bottom: 25%;
    -webkit-transform: rotate(-135deg);
  }

  45% {
    -webkit-transform: rotate(10deg);
  }

  75% {
    -webkit-transform: rotate(-5deg);
  }

  100% {
    bottom: 0;
    -webkit-transform: rotate(0);
  }
}

/* ==========================================================================
   header custom styles
   ========================================================================== */
.it-sub-menu ul li a{padding-bottom:10px; padding-left: 15px;}


.top-nav {position: fixed; top: 0; left: 0; width: 100%; padding: 0; z-index: 10000; transition: all 0.2s ease-in-out;
    height: 80px; background-color:transparent; }
.top-nav.active { background-color:#fff; -webkit-box-shadow: 0 1px 5px rgba(0,102,255,0.25);
    -moz-box-shadow: 0 1px 5px rgba(0,102,255,0.25); box-shadow: 0 1px 5px rgba(0,102,255,0.25);}
.dropdown-menu ul .active a{color: #f47933;}
.dropdown-menu ul li a:hover{color: #f47933;}
/* ==========================================================================
   about us custom styles
   ========================================================================== */


*, *:before, *:after {box-sizing: border-box; margin: 0; padding: 0;}
html, body {height: 100%;}
.slider-container {overflow: hidden; position: relative; height: 100%; width: 92%; margin: auto;
  display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
  user-select: none; cursor: all-scroll;}

.slider-control {z-index: 2; position: absolute; top: 0; width: 12%; height: 100%; transition: opacity 0.3s;
  will-change: opacity; opacity: 0;}
.slider-control.inactive:hover {cursor: auto;}
.slider-control:not(.inactive):hover {opacity: 1;cursor: pointer;}
.slider-control.left {left: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);}
.slider-control.right {right: 0;background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);}

.slider-pagi { position: absolute; z-index: 3; left: 50%; bottom: 2rem;
  -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; list-style-type: none;}

.slider-pagi__elem {position: relative; display: inline-block; vertical-align: top; width: 1rem; height: 1rem; margin: 0 0.5rem;
  border-radius: 50%; border: 1px solid #fff; cursor: pointer;}

.slider-pagi__elem:before { content: ""; position: absolute; left: 50%; top: 50%; width: 1.2rem; height: 1.2rem;
  background: #fff; border-radius: 50%; transition: -webkit-transform 0.3s; transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);}

.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider {z-index: 1; position: relative; height: 100%;}
.slider.animating {transition: -webkit-transform 0.5s; transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform;}

.slider.animating .slide__bg {transition: -webkit-transform 0.5s; transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform;}

.slidef {position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden;}
.slidef.active .slide__overlay,
.slidef.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slide__bg {position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background-size: cover;
  will-change: transform;}

.slidef:nth-child(1) {left: 0;}
.slidef:nth-child(1) .slide__bg {
  left: 0;
  background-image: url(../images/slider/1.png);
  background-position:center;
}
.slidef:nth-child(1) .slide__overlay-path {fill: #e99c7e;}
@media (max-width: 991px) {
  .slidef:nth-child(1) .slide__text {
    background-color:rgba(0,51,255,1,0.8);
  }
}
.slidef:nth-child(2) {left: 100%;}
.slidef:nth-child(2) .slide__bg {left: -50%;
  background-image:url(../images/slider/2.png);
  background-position:center;
}
.slidef:nth-child(2) .slide__overlay-path {fill: #e1ccae;}

@media (max-width: 991px) {
  .slidef:nth-child(2) .slide__text {
    background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(transparent, black); /* Standard syntax (must be last) */
	
  }
}
.slidef:nth-child(3) {left: 200%;}
.slidef:nth-child(3) .slide__bg {left: -100%;
  background-image:url(../images/slider/3.png);
  background-position:center;
}
.slidef:nth-child(3) .slide__overlay-path {fill: #adc5cd;}

@media (max-width: 991px) {
  .slidef:nth-child(3) .slide__text {
    background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(transparent, black); /* Standard syntax (must be last) */
  }
}

/*-----------------------------------*/
.slidef:nth-child(4) {left: 300%;}
.slidef:nth-child(4) .slide__bg {left: -150%;
  background-image:url(../images/slider/4.png);
  background-position:center;
}
.slidef:nth-child(4) .slide__overlay-path {fill: #adc5cd;}

@media (max-width: 991px) {
  .slidef:nth-child() .slide__text {
    background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(transparent, black); /* Standard syntax (must be last) */
  }
}

.slidef:nth-child(5) {left: 400%;}
.slidef:nth-child(5) .slide__bg {left: -200%;
  background-image:url(../images/slider/5.png);
  background-position:center;
}
.slidef:nth-child(5) .slide__overlay-path {fill: #adc5cd;}

@media (max-width: 991px) {
  .slidef:nth-child() .slide__text {
    background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(transparent, black); /* Standard syntax (must be last) */
  }
}




.slidef:nth-child(6) {left: 500%;}

.slidef:nth-child(6) .slide__bg {
  left: -250%;
  background-image: url("../images/slider/6.png");
  background-position:center;
}
.slidef:nth-child(6) .slide__overlay-path {fill: #cbc6c3;}

@media (max-width: 991px) {
  .slidef:nth-child(6) .slide__text {
    background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(transparent, black); /* Standard syntax (must be last) */
  }
}





.slide__content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slide__overlay {position: absolute; bottom: 0; left: 0; height: 100%; min-height: 810px;
  transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  will-change: transform, opacity;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}

@media (max-width: 991px) {
  .slide__overlay {
    display: none;
  }
}
.slide__overlay path {opacity: 0.8;}
.slide__text {position: absolute; width: 100%; bottom: 0%; left: 0%;color: #fff;
  background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(transparent, black); /* Standard syntax (must be last) */}

@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20rem;
    text-align: center;
    background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(transparent, black); /* Standard syntax (must be last) */
    padding: 0 1rem;
  }
}


.slide__text-heading {line-height: 50px; font-size: 60px; padding-left:5%; margin-bottom: 2rem;}
.slide__text-desc { font-size: 30px; font-weight: 600; padding-left: 5%; padding-top: 2%; line-height: 34px;
  margin-bottom: 1.5rem; padding-right:2%; color: #fff;}

.slide__text-link { color:orange; z-index: 5; display: inline-block; position: relative; padding-left:5%;
  padding-bottom:2%; cursor: pointer; font-size: 16px; -webkit-perspective: 1000px; perspective: 1000px;}

@media (max-width: 991px) {
  .slide__text-link {
    display: none;
  }
}
.slide__text-link:before {z-index: -1; content: ""; position: absolute; top: 0; left: 0; width: 100%;
  height: 100%; background: #000;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotateX(-85deg);
          transform: rotateX(-85deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
.slide__text-link:hover:before {-webkit-transform: rotateX(0); transform: rotateX(0);}
.navbar-inverse{background:#fff; border:none;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
                color: #ff742f; background-color: transparent;}

.navbar-brand {float: left;padding: 17px 10px;}

.navbar-inverse .navbar-nav{padding-top: 5px;}
.navbar-inverse .navbar-nav>li>a {color: #000; font-weight: 400; padding: 27px 15px; font-size: 14px; letter-spacing:1px;}
.navbar-inverse .navbar-nav>li>a:hover {color: #f47933;}
.dropdown-menu{padding-left:20px; width: 200px;}
.dropdown-menu ul{list-style-type:none;}
.dropdown li a{display:inline-block; padding-bottom:5%; color:#333; text-decoration:none; text-align:left;}
.dropdown:hover > .dropdown-menu {display: block;}
.dropdown > .dropdown-toggle:active {pointer-events: none; color: #ff742f;}

nav {
  background: #fff;
  height: 80px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9998;
  transition: all 0.5s;
}
nav.scrollUp {
  transform: translateY(-80px);
}




button:focus {
    outline: 0px dotted;
    /* outline: 5px auto -webkit-focus-ring-color; */
}

/*--------------------------index-page-grid----------------------*/
.navbar-brand img{width:160px;}
.navbar-brand-1 img{width:160px;}

.item-img-index {position: relative; overflow: hidden; width: 100%;}
.item-img-index img {max-width: 120%; -moz-transition: all 0.3s; -webkit-transition: all 2.0s; transition: all 2.0s;}
.item-img-index:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

#project-index .col-lg-3{padding: 7px;}
#project-index .row{padding: 9px; padding-top: 0;}
#project-index h1{font-weight: 600; font-size: 22px; padding-left: 7px; margin-bottom: 20px;}

.heading-black{border-bottom: 2px solid black; width: 160px; padding-bottom: 7px;}
.heading-black-re-pro{border-bottom: 2px solid black; width: 270px; padding-bottom: 7px;}
.heading-black-re-services{border-bottom: 2px solid black; width: 230px; padding-bottom: 7px;}
.heading-black-re-contact{border-bottom: 2px solid black; width: 250px; padding-bottom: 7px;}

.heading-s{border-bottom: 2px solid orange; width: 200px; padding-bottom: 4px; transition: 0.4s;}
.heading-s:hover{border-bottom: 2px solid orange; width: 270px; cursor: pointer;}

.heading-v{border-bottom: 2px solid orange; width: 135px; padding-bottom: 4px; transition: 0.4s;}
.heading-v:hover{border-bottom: 2px solid orange; width: 195px; cursor: pointer;}

#project-index p{padding-bottom: 0px; font-size: 12px; line-height: 18px;}
#project-index h2{font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; margin-top: 14px; margin-bottom: 7px;}


.index-project-grid{padding: 15px;}
.index-project-grid .title-grid{padding-top: 0px;}
#index-about-text{padding-top: 20px; padding-bottom: 12px;}
#index-about-text .container .col-lg-4 h1{font-size: 24px; padding-top: 50px;text-align: center;}
.proj-text{ font-size: 14px; }
.project-animate{padding-top: 40px;}
.project-animate .col-lg-6{padding:0;}
#index-about-text .container .col-lg-4{text-align: center;}
#index-about-text .container .col-lg-4 h6{margin:0; padding: 0;}

#index-about-text .container{background-color: #f9f9f9; width: 92%; padding: 25px 150px;}
#index-about-text .container h2{text-align: center; font-size: 22px; font-weight: 600; 
  line-height: 30px; text-transform: capitalize;}

.border-img{border:1px solid #eee;}
/*-----------------------------project-description----------------------*/
.discription-lg-cont h4{border-bottom: 1px solid #f47933; line-height: 20px; padding-top:15px; padding-bottom: 10px;}
.discription-lg-cont table{font-size: 14px; line-height: 28px; font-family: 'Open Sans', sans-serif;}
.discription h2{font-family: 'Open Sans', sans-serif; font-weight: 500;}
img.bottom {
    vertical-align: text-top;
}

.test-m{list-style: none; height: 50px;}
.test-m li{display: inline-block;}


.testi{list-style: none; width: 220px;}
.testi li{display: inline-block; float: right;}
.testi img{padding:4px; margin-top: -20px;}
.discription{padding: 20px 0px;}
.discription .container {background-color: #f9f9f9; width: 92%; padding: 50px;}
#project-d-img{padding: 50px 0px; }
#project-d-img img{padding: 20px 0px;}
#project-d-img .container{width: 70%;}
/*-------------------------about-bg--------------------------*/

/*-----------------------------insight----------------------*/
#b-blog{padding-top:50px; }

#b-blog .container ul{list-style-type: none; margin-top: -10px;}
#b-blog .container ul li{display: inline-block; padding-right: 20px; }
#b-blog .container button{background-color: transparent;  color: #f47933; border: 1px solid #f47933;
font-size: 14px; margin-top:15px; margin-bottom:15px; border-radius: 0;}
#b-blog .container .col-lg-3{padding: 7px;}
#b-blog .container .col-lg-6 h2{text-align: right;}
#b-blog .container .col-lg-6 h2 a{color: #f47933;}
#b-blog .container .col-lg-6 h2 a:hover{text-decoration: none;}
#b-blog .container .row{padding-bottom: 35px;} 
#b-blog .container p{padding: 0;}
#celeberate .container p{padding: 0;}
#celeberate .container a{text-decoration: none; color: #fff;}

/*-----------------------*/
.cont-celeb {
  padding: 0;
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 36%;
  width: auto;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}


#celeberate{padding: 40px 0px;}
#celeberate .row{margin: 0;}

#celeberate button{background-color: transparent;  color: #f47933; border: 1px solid #f47933;
font-size: 14px; margin-top:15px; margin-bottom:15px; border-radius: 0;}

#celeberate .container ul{list-style-type: none; margin-top: -10px;}
#celeberate .fa-map-marker .container ul li{display: inline-block; padding-right: 20px;}
#celeberate .container ul li{display: inline-block;}


#celeberate .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
/*--------------------------*/

/*-----------------------------insight----------------------*/
#b-blog-d{padding-top:15px; padding-bottom: 50px;}

.insight-border{border:1px solid #ccc;  padding-bottom: 13px; min-height: 360px;}
.insight-border-orange{background-color: orange; padding-bottom: 20px; min-height: 360px;}

#b-blog-d .container .row .col-lg-8 h1{
    font-size: 40px;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.2;
    color: inherit;
}
#b-blog-d .container .row .col-lg-8 h3{ font-size: 16px; font-weight: 300;}
#b-blog-d .container .row .col-lg-8 h5{ font-size: 20px; font-weight: 300; line-height: 30px;}
#b-blog-d .container .row .col-lg-8 p{padding-bottom: 0;}
#b-blog-d .container .row .col-lg-8 .lead-p{line-height: 25px; padding-top: 10px;}
#b-blog-d .container .row .col-lg-8 h6{line-height: 25px; font-size: 20px; letter-spacing: 0.04em; padding-top: 10px;}


#b-blog-d .container .row .col-lg-4 .left-box{border:1px solid #ccc; border-radius: 5px; margin: 30px 0px !important;}
#b-blog-d .container .row .col-lg-4 .left-box h2{background-color: #f9f9f9; padding-left: 28px; padding-bottom: 15px; padding-top: 15px; margin-top: 0;
 border-bottom: 1px solid #ccc; }


#b-blog-d .container .row .col-lg-4 .left-box table{padding: 10px; margin-left: 25px; margin-top: 15px; width: 100%; margin-bottom: 15px;}
#b-blog-d .container .row .col-lg-4 .left-box td{color: #f47933; font-size: 16px;}
#b-blog-d .container .row .col-lg-4 .left-box p{padding: 15px 25px;}
#b-blog-d .container .row .col-lg-4 p{font-weight: 500; padding-top: 10px;}


#bg-about{ background-image: url("../images/about/about-bg.jpg"); 
background-position: center;
width: 92%;
height: 100%; background-repeat: no-repeat;
margin: auto;
display: block;
}

#it-project{
width: 92%;
margin: auto;
display: block;
}

#bg-banner-insight{
width: 92%;
margin: auto;
display: block;
position: relative;
}



.bg-banner-insight-text{position: absolute; width: 400px; top: 25%; left: 10%;}
#bg-banner h1{font-size: 50px; font-weight: 800; padding-bottom: 15px; padding-top: 5px; font-family: 'Open Sans', sans-serif;}
.bg-banner-insight-text p{color: #fff; font-size: 36px; line-height: 38px;}
.insight-date{background-color: #fff; padding: 6px; font-family: 'Open Sans', sans-serif;}



#bg-banner-career{
width: 92%;
margin: auto;
display: block;
position: relative;
}

.bg-banner-career-text{position: absolute; width: 500px; top: 10%; left: 1%;}
.bg-banner-career-text h1{font-size: 50px; font-weight: 900; color: #333;}
.bg-banner-career-text .insight-date{background-color: #fff; padding: 6px;}




#it-project-acropolis{
width: 92%;
margin: auto;
display: block;

}


#about-bg .container img{margin: auto; display: block;}

.owener{ background-color: #f5f6f8; padding: 25px;}
#owener-about{padding: 20px 0px; margin: auto;}
#owener-about .container{width: 90%; }
#owener-about .container p{padding-top:25px; font-size: 13px; }


#O-ner .container{padding: 0;}

#O-ner .container h2{padding-top: 25px; margin: 0;}
#O-ner .container h6{font-size: 14px; padding-top: 15px; padding-bottom: 20px; line-height: 25px;}
#O-ner .container h4{font-size: 12px; color: #f47933; letter-spacing: 1px; padding-bottom: 20px;}
#O-ner .container ul{list-style-type: none;}
#O-ner .container ul li{padding-bottom:10px; font-size:14px; letter-spacing: 1px; word-spacing: 1px;
color: #000; font-weight: 400; line-height: 24px; padding-bottom: 15px;}

#owener-about .container .col-lg-6 h1{font-size: 50px; font-weight: 900;}
#owener-about .container .col-lg-6 h5{font-size: 20px; padding-bottom: 15px; font-weight: 900; color: orange;}
.about-bold{color: orange;}






#team-about {padding: 10px 0;}
#team-about .container .col-lg-3{padding: 10px;}
#team-about .container .col-lg-3 h4{padding-top:15px; margin: 0; letter-spacing: 1px;}
#team-about .container .col-lg-3 p{font-size: 12px;}



.hover-img {position: relative; width: 100%;}
.image {opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.middle {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.hover-img:hover .image {opacity: 0.3;}
.hover-img:hover .middle {opacity: 1;}
.text {background-color: #f47933; color: white; font-size: 16px; padding: 16px 32px;}



#it-main-text{padding-top: 20px; padding-bottom: 12px;}
#it-main-text .container{background-color: #f9f9f9; width: 88%; padding: 25px 150px;}
#it-main-text .container h4{text-align: center; font-size: 20px;}
#it-main-text .container h2{text-align: center; font-size: 22px; font-weight: 600; 
  line-height: 30px; text-transform: capitalize;}


#housing-main-text{padding-top: 20px; padding-bottom: 12px;}
#housing-main-text .container{background-color: #f9f9f9; width: 88%; padding: 25px 150px;}
#housing-main-text .container h4{text-align: center; font-size: 20px;}
#housing-main-text .container h2{text-align: center; font-size: 22px; font-weight: 600; 
  line-height: 30px; text-transform: capitalize;}
/*----------------------------housing-------------------------*/
#button-next-pev{padding-bottom: 40px;}
#button-next-pev .next-text{font-size: 16px;}

#button-next-pev .right {font-size: 24px; float: right; font-weight: normal;}
#button-next-pev .left {font-size: 24px; font-weight: normal;}
#button-next-pev next-b{float: right;}
#button-next-pev prev-b{float: left;}

/*----------------------------location-page----------------*/
#noida-location{padding-bottom: 20px; font-family: 'Open Sans', sans-serif;}
#noida-location .container .col-lg-6{padding: 4px; padding-top: 0;}
#noida-location .container .location-space{padding: 0;}
#noida-location .container .col-lg-6 .b-img{padding: 4px; padding-top: 0;}
#noida-location .container .col-lg-6 .col-lg-4{padding: 4px;}
#noida-location .container .col-lg-6 .col-lg-4 .address p{font-weight: 400; font-family: 'Open Sans', sans-serif;}


.map{max-width:100%; max-width:100%;}

#Gurugram-location{font-family: 'Open Sans', sans-serif;}
#Gurugram-location .container .location-space{padding: 0;}
#Gurugram-location .container .col-lg-6{padding: 4px; padding-top: 0; font-family: 'Open Sans', sans-serif;}
#Gurugram-location .container .col-lg-6 .b-img{padding: 4px; padding-top: 0;}
#Gurugram-location .container .col-lg-6 .col-lg-4{padding: 4px;}
#Gurugram-location .container .col-lg-6 .col-lg-4 .address p{ font-weight: 400; font-family: 'Open Sans', sans-serif;}


/*---------------------career-page-------------------*/
#career {position: relative;}
#career .container{position: absolute; padding-top: 20%; width: 100%; background-color: rgba(0,0,0,0.2);
height: 100%;}
#career .container h1{text-align: center; color: #fff;}

#employe{padding-bottom: 45px;}
#employe .container{background-color: #bcbcbc; width: 92%; padding-right:50px; padding-left: 50px;}
#employe .container .col-lg-6 form{padding: 20px 0px;}
#employe .container .col-lg-6 .form-control{background-color: #eee; border-radius: 0;}
#employe .container .col-lg-6 form h6{font-size: 15px; font-weight: 300;}
#employe .container .col-lg-6 button{background-color: orange; color: #fff; border-radius: 0; border:none;}
#employe .container .col-lg-6 button:hover{background-color: #333; color: #fff;}
#employe .container .col-lg-6 h2{border-bottom: 1px solid orange; font-size: 24px; padding-top: 30px; width: 260px; padding-bottom: 5px; font-weight: 900;}
#employe .container .col-lg-6 h4{padding-top: 10px; font-weight: 700; color: #fff;}
#employe .container .col-lg-6 p{color: #fff;}
#intern-ship .container h2{border-bottom: 1px solid orange; width: 260px; font-size: 24px; padding-bottom: 5px; font-weight: 900;}
#intern-ship .container{padding-left: 50px;}
/*-----------------end-career--------------------*/

/*------------------------footer--------------------*/
#footer-tab{display: none}
#footer-mobile{display: none}
footer{background: #000; padding: 10px 0px;}

#footer-desktop .row{padding: 0;}
#footer-tab .row{padding: 0;}


footer .container .row h4{color: #9e9e9e; font-weight: 500; font-size: 11px; font-family: 'Open Sans', sans-serif;}
.footer-title{text-align: right;}
footer .container .row{padding-top: 15px;}
footer .container .row .col-lg-6{padding: 0px;}
.top-padd-foot{padding-top: 20px;}

.span-orange{color: #ff742f;}
.border-footer{border-bottom: 1px solid #ff742f; padding-bottom: 5px;}
.top-padd-foot{padding-top: 20px;}
.Copyright{font-size: 5px;}
#footer-tab .container{width: 94%;}

.id-email{padding-bottom: 15px;
}

.social [class*="fa fa-"] {
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 20px;
    margin: auto 1px;
    width: 30px;
    font-size: 20px;
    text-align: left;
    margin-top: 25px;
}
.social > fa > a{
  text-decoration:none;
}
.pushy-submenu .fa-chevron-down{font-weight: 100; font-size: 14px; float: right;}


.fa-google-plus:hover { 
  color: #de5549; 
  text-decoration:none;
}

.fa-facebook:hover { 
  color: #3b5998; 
  text-decoration:none;
}

.fa-linkedin:hover { 
  color: #0077b5; 
  text-decoration:none;
}


#inquery-form{padding: 20px 0px;}
#inquery-form h1{text-align: center; padding-bottom: 45px; font-size: 28px; margin-bottom: 25px; border-bottom: 1px solid #ddd;}
#inquery-form .container{background-color: #f5f6f8; padding: 100px;}
#inquery-form .container .form-home{margin-bottom: 20px; border-radius: 0; border:1px solid #333;
background-color: transparent;}
#inquery-form .container button{margin:auto; display: block; border-radius: 0; border:1px solid #333;
color: #fff; font-weight: 600; padding: 8px 25px; background-color: #333;}
#inquery-form .container form{width: 60%; margin: auto;}

#inquery-form .container button:hover{background-color: #ff742f; color: #fff; border:1px solid #fff;}


/*-------------------------mobile-visible------------------*/

.d-show{display: block;}
  .m-show{display: none;}
.hidden-m-career{display: none;}
/*---------------------------------------------------------*/


@media only screen and (max-width: 1366px){
.container{margin: auto; display: block; word-spacing: 1px;}
.navbar-brand img{width:140px;}
.navbar-brand-1 img{width:140px;}
  h2 ,h2{text-transform: uppercase; font-weight: 700; font-size: 18px; color: #2f2f2f; letter-spacing: 0.02em; word-spacing: 1px; }
p{padding-bottom:20px; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; letter-spacing: 0.04em;}
}

@media only screen and (max-width: 1200px){
  .insight-border{min-height: 280px;}
.insight-border-orange{min-height: 280px;}

  #bg-banner h1{font-size: 40px; font-weight: 800; padding-bottom: 15px; padding-top: 5px;}
}

@media only screen and (max-width: 1024px){
.bg-banner-insight-text{position: absolute; width: 300px; top: 25%; left: 10%;}

.bg-banner-career-text{width: 400px;}
.bg-banner-career-text h1{font-size: 36px; font-weight: 800; color: #333;}
#bg-banner h1{font-size: 34px; font-weight: 800; padding-bottom: 15px; padding-top: 5px;}
.bg-banner-insight-text p{font-size: 28px; line-height: 28px;}


}


@media only screen and (max-width: 991px){
  .insight-border{min-height: 260px;}
.insight-border-orange{min-height: 260px;}

#owener-about .container ul li{padding: 15px 10px; line-height: 20px; font-size:13px; letter-spacing: 1px; word-spacing: 1px;
color: #000; font-weight: 400;}
.navbar-brand img{padding: 10px;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    padding-bottom: 25px;
}
.navbar-inverse .navbar-nav>li>a {font-size: 13px; padding: 25px 14px;}
.navbar-inverse .navbar-nav{padding-top: 10px;}
p{font-size: 13px; line-height: 20px;}
#housing-main-text .container {
    padding: 25px 0px;
}


.bg-banner-career-text{width: 400px; top: 10%;}
.bg-banner-career-text h1{font-size: 40px; font-weight: 900;}

.bg-banner-insight-text{position: absolute; width: 250px;}
#bg-banner h1{font-size: 30px; font-weight: 800;}
.bg-banner-insight-text p{font-size: 24px; line-height: 28px;}

}


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

  nav ul.navbar-menu {
    display: none;
  }

  nav button {
    display: block;
  }

  .d-show{display: none;}
  .m-show{display: block;}
  
h4, h4{color: 333; font-weight: 600;}
}


@media only screen and (max-width: 767px){
  .discription .container {
    padding: 20px;
}

.list-inline img{width: 90px;}
#index-about-text .container .col-lg-4 h6{margin:0; padding-bottom: 20px;}

  #footer-desktop{display: none}
  #footer-tab{display: block}

#index-about-text .container{background-color: #f9f9f9; width: 88%; padding: 50px 25px;}
#index-about-text .container h2{text-align: center; font-size: 24px; 
  letter-spacing: 1px; font-weight: 600; line-height: 32px;}

  .slider-container {width: 100%;}
  #owener-about .container h2{padding-top: 20px;}

it-project
#it-main-text .container h2{text-align: center; font-size: 18px; 
  letter-spacing: 1px; font-weight: 600; line-height: 22px;}
#housing-main-text .container h2{text-align: center; font-size: 18px; font-weight: 600; 
  line-height: 22px; text-transform: capitalize;}
#index-about-text .container h2{text-align: center; font-size: 18px; 
  letter-spacing: 1px; font-weight: 600; line-height: 22px;}

#Gurugram-location .container .col-lg-6 .col-lg-4 .address p{padding-top: 5px; padding: 0; font-weight: 400; font-family: 'Raleway', sans-serif;}
#noida-location .container .col-lg-6 .col-lg-4 .address p{padding-top: 5px; padding: 0; font-weight: 400;}



#project-d-img .container{width: 100%;}

.title-grid{min-height: 100px;}
.custom-grid{width: 50%;}

 .menu-btn{
    display: block;
      margin-right: 12%;
  }
.navbar-nav{display: none;}

#bg-about{width: 100%;}
#it-project{width: 100%;}
#housing-project{width: 100%;}
#villa-project{width: 100%;}
#shop-comm{width: 100%;}
#apartment{width: 100%;}
#institute{width: 100%;}
#hotel{width: 100%;}
#int-comm{width: 100%;}
#int-res{width: 100%;}
#career{width: 100%;}
#it-project-acropolis{width: 100%;}

.prev,
.next {
  top: 30%;
}

.insight-border{min-height: 220px;}
.insight-border-orange{min-height: 220px;}

.bg-banner-career-text{position: absolute; width:400px; top: 2%; left: 1%; right: 5%;}
.bg-banner-career-text h1{font-size: 36px; font-weight: 900; color: #333;}

.bg-banner-insight-text{position: absolute; width: 200px; top: 25%; left: 10%;}
#bg-banner h1{font-size: 24px; font-weight: 700; padding-bottom: 15px; padding-top: 5px;}
.bg-banner-insight-text p{color: #fff; font-size: 18px; line-height: 18px;}

}



@media only screen and (max-width: 575px){
.slider-container {overflow: hidden; position: relative; height: 50%; width: 92%; margin: auto;
  display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
  user-select: none; cursor: all-scroll;}

.slider-control {z-index: 2; position: absolute; top: 0; width: 12%; height: 100%; transition: opacity 0.3s;
  will-change: opacity; opacity: 0;}





  .insight-border{min-height: 160px;}
.insight-border-orange{min-height: 160px; margin-top: 20px;}
  .list-inline img{width: 80px;}
.bg-banner-insight{padding-top: 20px;}
#footer-tab{display: none}
#footer-mobile{display: block}
footer .container .row h4{color: #9e9e9e; font-weight: 500; font-size: 12px; font-family: 'Open Sans', sans-serif; text-align: center; line-height: 18px;}
.footer-title{text-align: center;}
#footer-mobile img{display: block; margin: auto;}
footer .container .row{padding-top: 0px;}
.border-footer{border-bottom: 1px solid #ff742f; padding-bottom: 0px;}
.top-padd-foot{padding-top: 10px;}


#it-project{width: 100%;}
#index-about-text .container{background-color: #f9f9f9; width: 88%; padding: 50px 15px;}
#it-main-text .container{background-color: #f9f9f9; width: 88%; padding: 50px 15px;}
.slide__text-desc{font-size: 24px; font-weight: 700;}
.custom-grid{width: 100%;}
#project-index p{padding-bottom: 0px; font-size: 15px; line-height: 22px;}
#project-index h2{font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 18px; margin-top: 16px; margin-bottom: 12px;}
#project-index h1{font-weight: 600; font-size: 18px; padding-left: 7px; margin-bottom: 20px;}

.heading-s{border-bottom: 2px solid orange; width: 160px; padding-bottom: 4px; transition: 0.4s;}
.heading-s:hover{border-bottom: 2px solid orange; width: 240px; cursor: pointer;}

.heading-v{border-bottom: 2px solid orange; width: 115px; padding-bottom: 4px; transition: 0.4s;}
.heading-v:hover{border-bottom: 2px solid orange; width: 195px; cursor: pointer;}

.prev,
.next {
  top: 35%;
}

.hidden-d-career{display: none;}
.hidden-m-career{display: block;}


.bg-banner-career-text{position: absolute; width: 100%; top: 45%;}
.bg-banner-career-text h1{font-size: 40px; font-weight: 900; color: #333; margin: 0; text-align: center;}

#owener-about .container .col-lg-6 h1{font-size: 40px; font-weight: 900;}
}

@media only screen and (max-width: 475px){
  #employe .container .col-lg-6 h2{
width:100%;
}

#owener-about .container .col-lg-6 h1{font-size: 38px; font-weight: 900;}

.prev,
.next {
  top: 30%;
}

.bg-banner-career-text{position: absolute; width: 100%; top: 40%; left: 1%;}
.bg-banner-career-text h1{font-size: 24px; font-weight: 900; color: #333; margin: 0; text-align: center;}

}

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

.bg-banner-career-text{position: absolute; width: 100%; top: 35%; left: 1%;}
.bg-banner-career-text h1{font-size: 30px; font-weight: 900; color: #333; margin: 0;}
.prev,
.next {
  top: 25%;
}



}

.pushy-left ul{list-style: none;}
.pushy-left ul li a{font-size: 18px;}

.first-link{font-size: 18px; background-color: #333; border-bottom: 1px solid #000;}
.pushy-left ul li a{font-size: 18px; background-color: #333; border-bottom: 1px dashed #000;}
.pushy-content .active a{color: #ff742f;}

.pushy a:hover{color: #ff742f!important;}
.pushy-submenu .active{color: #ff742f;}