@font-face {
  font-family: 'BAUHS93';
  src: url('BAUHS93/BAUHS93.eot');
  src: local('BAUHS93'), url('BAUHS93/BAUHS93.woff') format('woff'), url('BAUHS93/BAUHS93.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_2802">Text with this font applied</p> */
.fontsforweb_fontid_2802 {
  font-family: 'BAUHS93' !important;
}

/* Font downloaded from FontsForWeb.com */





/*side menu start*/



.left-menu ul li a {

  position: relative;

}

.left-menu ul li a:after {

  position: absolute;

  left: 10px;

  bottom: 0 ;

  height: 1px;

  width: 0;

  content: '';

  transition: 0.4s;

}

.left-menu ul li a:hover a::after {

}



.left-menu ul li a:hover a:after {

  width: 50px;

}

.left-menu ul li:hover a:after {

  width: 80px !important;

}

.left-menu {

  overflow: hidden;

}



.left-menu li a.active-menu:after {

  

  width: 80px !important;

}



.left-menu ul li a.active-menu {

  left: 20px;

}

li.active a{

  margin-left: 20px;

  color: #FF7F27 !important;

}

li.active a:after {

  width: 80px !important;

}



.menu-area {

  left: 0 !important;

  transition: 0.4s;

}

.menu-area.hidden {

  left: -80px !important;

  transition: 0.4s;

  opacity: 0;

}

.menu-area.hidden {

  display: block !important;
visibility: hidden;
  opacity: 0;

}

.menu-area.hidden.fixed {

  visibility: visible;

  opacity: 1;

  left: 0 !important;

}

/*side menu start

.left-menu ul li:hover .dropdown {

  display: block;

  visibility: visible;

  opacity: 1;

}

.left-menu .dropdown {

  visibility: hidden;

  padding-left: 68px !important;

  opacity: 0;

 overflow: hidden;

 transition: 0.4s;

} 

.left-menu li {

  position: ;

}

.left-menu li .dropdown {

  display: ;

  position: absolute;

  background-color: #fff;

  width: 189px !important;

  left: 0;

  top: 32px;

  z-index: 1;

  border-bottom: 1px solid #ddd;

} */



.left-menu .dropdown {

	display: none;

	visibility: hidden;

}



.left-menu li.active.dropdown {

	display: block !important;

	visibility: visible !important;

}



.left-menu li.active .dropdown {

  display: block;

  visibility: visible;

}

.left-menu li.active .dropdown li a{

  color: #000 !important;

}

.left-menu li.active .dropdown li a:hover {

  color: #FF7F27 !important;

  margin-left: 20px !important;

}

.left-menu li.active .dropdown li a {

  color: #FF7F27;

}

.left-menu .active .dropdown a.active {

	color: #FF7F27 !important;

}

.left-menu.home {

	top: 160px !important;

	overflow: hidden !important;

}



.padding-top-100 {

	padding-top: 100px;

}

/*side menu start*/

/*Slider Area start*/





.main-menu ul {

  margin: 0;

  padding: 0;

}

.slider {

  height: 500px !important;

}

.single-slider {

  height: 500px;

  color: #fff;

  text-align: center;

  padding: 116px 20px;

  

  background-size: 100% 100% !important;

}

.boxed-btn {

    visibility: ;

    visibility: ;

    color: #fff;

    background-color: #EF7E1E;

    padding: 10px 25px;

    margin-top: 10px;

    display: inline-block;

}

.ceo-text .ceo-img img {

  height: 150px;

  margin-bottom: 10px;

}

.ceo-text {

  padding: 25px 10px;

  transition: 0.4s;



}

.ceo-text:hover {

    /*-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);

    box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);*/

    -webkit-box-shadow: 0px 0px 29px 0px rgba(255,127,39,1);

-moz-box-shadow: 0px 0px 29px 0px rgba(255,127,39,1);

box-shadow: 0px 0px 29px 0px rgba(255,127,39,1);

}

.ceo-text {

  color: #fff;

}

.ceo-text h5 {

  color: #FF7F27;

  margin-bottom: 25px;

}

.ceo-text .container {

  padding: 0;

  margin: 0;

}

.ceo-text h5 span {

  font-weight: 300;

}

.ceo-text h5 {

  font-size: 26px;

  text-transform: uppercase;

}

.ceo-content span {

  display: inline-block;

  margin-bottom: 5px;

}

.ceo-content {

  padding: 23px 0px;

}

.ceo-text {

    height: 100%;

}

.ceo-text p {

  border-top: 1px solid #5A5B60;

  margin-top: 9px;

}

.ceo-text p {

  text-align: left;

}

.ceo-text .boxed-btn{

  margin-top: 0;

}

.ceo-text {

    color: #000;

    -webkit-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

    -moz-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

    box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

    padding: 32px;

}



.ceo-text h5 {

  position: relative;

}

.ceo-text h5:after {

    position: absolute;

    left: 42%;

    bottom: -8px;

    height: 3px;

    width: 80px;

    content: '';

    background-color: #FF7F27;

}



.concern-img img {

  height: 250px !important;

  width: 100% !important;

  border-radius: 15px;

}



.ceo-text p {

  margin-top: 20px;

  padding-top: 14px;

  text-align: justify;

  border-color: #FF7F27;

}

/*Slider Area end*/



/*test area start */

.testimonial-slider .owl-dots {

  margin: 0;

  left: auto !important;

  right: -90%;

  text-align: ;

  bottom: 20px;

}



.single-testimonial span {

  position: absolute;

  font-size: 120px;

  color: #ff7f27;

  z-index: 0;

  text-align: 0;

  top: 71px;

  left: 20px;

  display: inline-block;

  line-height: 0;

  opacity: 0.3;

}

#testimonial {

  background-color: #fff;

}

.single-testimonial {

  padding: 20px;

}

.single-testimonial {

  position: relative;

}



.test-img img {

  border-radius: 50%;

  margin-bottom: 15px;

}

.single-testimonial p.test-content {

  -webkit-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  -moz-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  padding: 11px;

}



/*.single-testimonial img {

 height: 200px;

width: 200px !important;

  margin: 0 auto;

}

 

test area End*/

/*project area starte*/

.single-project {

    /*width: 31%;*/

    height: 280px;

    border-radius: 15px;

    position: relative;

    z-index: 10;

    background-size: cover;

    background-position: center;

}

.project-text {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    text-align: center;

    padding: 102px 0;

    z-index: 5;

    visibility: hidden;

  opacity: 0;

  transition: 0.4s;



    /*Dadius: 15px;*/

}

.project-text::after {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: ;

    content: '';

    background-color: #000;

    z-index: -1;

    opacity: 0.6;

    border-radius: 15px;

}

.project-text .project-title {

    color: #fff;

    text-transform: capitalize;

    top: ;

    margin-top: -20px;

    transition: 0.4s;

}

.project-text .project-btn {

    color: #fff;

    background-color: #FF7F27;

    padding: 3px 10px;

    display: ;

    display: inline-block;

    border-radius: 5px;

    margin-top: 44px;

    transition: 0.4s;

}



.single-project:hover .project-title, .single-project:hover .project-btn {

  margin-top: 0;

}

.single-project:hover .project-text {

  visibility: visible;

  opacity: 1;

}

.we-create-slider-area .single-img img {

  width: 100% !important;

  height: 300px !important;

}

.we-create-slider-area .single-img h5 {

  color: #E88E2E !important;

}

.we-create-slider-area .single-img {

  text-align: center;

}

.we-create-slider-area .boxed-btn {

    padding: 8px 15px;

}

.we-create-slider-area .single-img h5 {

    color: #E88E2E !important;

    margin-top: 20px;

}

/*project area end*/

/*service Area Start */

#service {

  min-height: 593px;

  background-size: cover;

  background-position: center top;

  background-attachment: fixed;

}

#service .section-title h2 {

  color: #fff;

}



.single-service a {

  font-size: 20px;

}

.single-service a:hover {

  color: #ff7f27;

}

.single-service a {

  color: #fff;

}

.single-service {

  margin: 25px 0;

}

#service2 .service-title {

  color: #676767 !important;

}



#service2 .service-title:hover {

  color: #ff7f27;

}

.service-title {

  margin-top: 8px;

  transition: 0.4s;

}

.service-title:hover {

  color: #ff7f27 !important;

}



.single-service {

  background-color: #fff;

  padding: 20px;

  -webkit-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  -moz-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

}

.single-service h5:hover {

  color: #EF7E1E;

}

.single-service h5 {

  margin-top: 10px;

  transition: 0.4s;

}

.service-text img {

  font-size: ;

  height: 80px;

  quotes: ;

  width: 80px !important;

  margin: 0 auto;

}



/*service Area End */

/*portfolio area start*/

.porfolio-filter {

    margin-top: 20px;

}

.porfolio-filter li {

  cursor: pointer;

}

.single-protfolio:hover .portfolio-inner {

  visibility: visible;

  opacity: 1;

}

.portfolio-inner {

  height: 100%;

  padding: 145px 0px;

  position: relative;

  z-index: 1;

  visibility: hidden;

  opacity: 0;

  transition: 0.4s;

  color: #fff;

}

.portfolio-inner {

  visibility: hidden;

  color: #fff;

}



.single-protfolio {

 background-size: 100% 100% !important;

  background: ;

  background-position: center top;

  width: 100%;

  float: left;

  margin: 0 1%;

  margin-bottom: 20px;

  transition: 0.4s;

}



.portfolio-inner::after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: ;

  color: ;

  content: '';

  background-color: #000;

  z-index: -1;

  opacity: 0.7;

}

.single-protfolio:hover {

  background-size: 120% 120% !important;

}

.porfolio-filter li {

  color: #E88E2E;

}

#project .section-title h2 {

  color: #fff;

}



.single-protfolio {

  height: 280px;

  padding: 0 !important;

}

.portfolio-inner {

  padding: 71px 0;

}

/*isotop chack*/

.portfolio-inner a {

  color: #E88E2E;

}



.portfolio-inner a {

  color: #E88E2E;

}



.portfolio-inner h5 {

  margin-top: 20px;

  transition: 0.4s;

}

.portfolio-inner p {

  padding-top: 40px;

  transition: 0.4s;

}

.single-protfolio:hover p {

  padding-top: 0;

}

.single-protfolio:hover h5 {

  margin-top: 0;

}

.porfolio-filter li {

    display: inline-block;

    text-transform: uppercase;

    padding: 10px;

}

/*portfolio area End*/

/*Team area Start*/



path {

}

path {

}

.social-link a {

  display: inline-block;

  color: #000;

  display: i;

  padding-top: 7px;

}

.social-link a:hover {

  color: #FF7F27;

}



.single-team {

  background-size: contain;

  height: 350px;

  position: relative;

}



.team-title {

  transform: rotate(270deg);

  position: absolute;

  z-index: 10;

  height: 100%;

  width: 100%;

  top: 27px;

right: -24px;

}

.team-title span {

  color: #fff;

  background-color: #303745;

  padding: 5px 13px;

  margin: 0;

  padding: ;

  display: inherit;

  width: 46%;

  font-size: 15px

}

.single-team:hover .team-title {

  display: ;

  visibility: hidden;

  opacity: 0;

}

.team-title h3 {

  border: ;

  margin-bottom: 0;

  padding: 0;

  background-color: #ff7f27;

  display: inline-block;

  padding: 7px;

  color: #fff;

  width: 50%;

  font-size: 20px !important;

}

.social-link a {

  height: 40px;

  width: 40px;

  background-color: #fff;

  border-radius: 50%;

  padding-top: 5px;

  text-align: center;

  margin: 0 4px;

  transition: 0.4s;

}

.team-text {

  position: absolute;

  left: 0;

  bottom: -25%;

  height: 100%;

  width: 100%;

  color: #fff;

  z-index: 10;

  text-align: center;

  padding: 32px 10px;

}

.team-text h3 {

  margin: 0;

  padding: 0;

  font-size: 20px !important;



}

.team-text span {

  color: #ff7f27;

  display: inline-block;

  border: ;

  border-bottom: 2px solid;

  margin: 8px 0;

  font-size: 15px !important;

}



.team-text:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #000;

  z-index: -1;

  content: '';

  opacity: 0.7;

}

.team-text {

  visibility: hidden;

  opacity: 0;

  transition: 0.4s;

}

.single-team:hover .team-text {

  display: ;

  visibility: visible;

  opacity: 1;

  bottom: 0;

}

.single-team {

    overflow: hidden;

}



.section-title p, .section-title p .strong {

  color: #EF7E1E;

}

/*Team area End*/



.left-menu ul li a:active {

  color: #FF7F27;

}

.left-menu ul li a.active-menu {

  color: #FF7F27 !important;

}

.left-menu ul li a:hover {

  color: #FF7F27;

  

  margin-left: 20px;



}



.left-menu ul li a:after {

  background-color: #FF7F27 !important;

}

.header-logo {

    position: relative;

    z-index: 100;

    padding: 30px;

}



.menu-tigger span, .concern-tigger span {

  height: 2px;

  width: 20px;

  background-color: #000;

  display: block;

  margin: 4px;

  color: ;

}

.menu-tigger, .concern-tigger {

  margin-top: 24px;

  text-align: right;

  float: right;

  background-color: #000;

  background-color: #ddd;

  padding: 10px;

}

/*welcome start here*/

#welcome {

  background-color: #222222;

  color: #fff;

}

h3 {

}

#welcome h3 {

  line-height: 0px;

  color: #E88E2E;

  font-size: 26px;

}

.boxed-btn {

  color: #fff;

  text-transform: uppercase;

  background-color: #FF7F27;

  padding: 4px 15px;

  margin-top: 20px;

  transition: 0.4s;

}

.padding-top {

  padding: ;

  padding-top: 50px;

}

.client {

  width: 100%;

  background-color: #FFFFFF;

  text-align: center;

}

.boxed-btn:hover {

  background-color: #303745;

  color: #fff;

}



#welcome.light {

  background-color: #FFFFFF;

  color: #303745;

}

.client {

    -webkit-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

    -moz-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

    box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

}

/*welcome start here*/

/*off canvuse manu*/



.off-canvuse-menu {

  position: fixed;

  z-index: 10;

  /*background-color: #000;*/

  right: 0;

  width: 20%;

  padding: 46px;

  transition: 0.4s;

}

.off-canvuse-menu ul li a {

  color: #fff;

  font-size: 19px;

  transition: 0.4s;



}

.off-canvuse-menu ul li {

list-style: none;

  

}

.off-canvuse-menu ul li a:hover {

  color: #EF7E1E;

}

.off-canvuse-menu {

  position: fixed;

  z-index: 10;

  right: -40%;

  width: 25%;

  padding: 46px;

  transition: 0.4s;

}

.off-canvuse-menu.active{

    right: 0;

}

.off-canvuse-menu ul li a {

  color: #fff;

  font-size: 19px;

  transition: 0.4s;

}

.off-canvuse-menu ul li a:hover {

  color: #EF7E1E;

}

.off-canvuse-menu {

  height: 100%;

}



.off-canvuse-menu .main-menu {



  visibility: ;

  padding-top: 50px;

}



.off-canvuse-menu span {

  color: #fff;

  position: absolute;

  top: 46px;

  cursor: pointer;

  font-size: 26px;

}

.off-canvuse-menu span:hover {

  color: #FF7F27;

}



.off-canvuse-menu:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #000;

  content: '';

  z-index: -1;

  opacity: 0.8;

}



.menu-tigger.hide {

    display: none;

    visibility: hidden;

}

.main-menu ul li {

  padding: 5px;

  position: relative;

}

.main-menu ul li .dropdown {

  position: absolute;

  left: 0;

  height: auto;

  background-color: #1D1E1F;

  z-index: 10;

  margin: 0;

  padding: 0;

  width: 100%;

  visibility: hidden;

  opacity: 0;

  transition: 0.4s;

}



.main-menu ul li .dropdown li {

  border-bottom: 1px solid #ddd !important;

  padding: ;

  padding: 5px 15px;

}

.dropdown li a {

    width: 100%;

    display: inline-block;

}



.dropdown li a {

    font-size: 15px !important;

}

.menu-tigger {

    margin-top: 8px;

    text-align: right;

    float: right;

    /* background-color: #000; */

    /* background-color: #ddd; */

    padding: 10px;

    position: relative;

    z-index: 12;

    color: #ffff !important;

    transition: 0.4s;

    cursor: pointer;

    background-color: #FF7F27;



}



.menu-tigger:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  content: '';

  background-color: #FF7F27;

  z-index: -1;

  opacity: 0.5;

}

.menu-tigger span {

  background-color: #fff;

  transition: 0.4s;

}

.menu-tigger:hover span {

  background-color: #000;

}

/*off canvuse manu*/



.social-area a:hover {

    color: #FF7F27;

}



.contact-info-icon {

  position: absolute;

  left: 40px;

  bottom: 40px;

  width: 100%;

}

.contact-info-icon span {

  display: inline-block;

  height: 40px;

  width: 40px;

  /*! background-color: #FF7F27; */

  text-align: center;

  border-radius: 50%;

  border: 1px solid #fff;

}

.section.section1 .container-fluid {

    margin-top: 40px;

}



.test-content {

  position: relative;

  z-index: 10;

  padding: 31px !important;

  display: inline-block;

  border-radius: 15px;

}

.test-content:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  content: ;

  content: '';

  background-color: #fff;

  z-index: -1;

  opacity: 0.8;

  border-radius: 15px;

}

.test-img { 

  margin-bottom: 15px;

}

.team {

  padding-bottom: 60px;

}

.single-team {

    height: 276px;

}

.single-team img{

    height: 100%;

}

.our-vision-area .section-title p {

    font-size: 35px !important;

}

.we-create-slider-area .owl-next{
position: absolute;
    right: -60px !important;



    top: 50% !important;

}
.we-create-slider-area .owl-prev {
position: absolute;
    left: -60px !important;

    top: 50% !important;

}
.ceo-slider .owl-next{
	position: absolute;
    right: 0 !important;

    top: 50% !important;
}
.ceo-slider .owl-prev{
	position: absolute;
    left: 0 !important;

    top: 50% !important;
}




.contact-info-icon {

  position: absolute;

  left: 0;

  bottom: 33px;

  height: ;

  width: 100%;



  text-align: ;

}

.contact-info-icon ul li {

  display: inline-block;

  font-size: 18px;

  color: #555555;

  height: 45px;

  width: 45px;

  border: 1px solid;

  border-radius: 50%;

  text-align: center;

  margin-top: ;

  padding-top: 7px !important;

  transition: 0.4s;

  cursor: pointer;

  margin: 0 6px;

  position: relative;

  /*overflow: hidden;*/

}

.contact-info-icon ul li:hover {

  color: ;

  background-color: #fff;

}

.contact-info-icon ul li .contact-hover {

  position: absolute;

  top: 0;

  /* border: navajowhite; */

  z-index: 10;

  width: 209px;

  font-size: 16px;

  text-align: left;

  left: -100px;

  visibility: hidden;

  opacity: 0;

  transition: 0.4s;

  background-color: #fff;

  border-radius: 12px !important;

  height: 180%;

  padding: 10px 5px;

  border: 1px solid #FF7F27;

}

.contact-info-icon ul li:hover .contact-hover {

    left: 0;

    visibility: visible;

    opacity: 1;

}



.footer-area {

  background-color: #f7f5f0;

  padding: 40px;

  -webkit-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  -moz-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

}



/*galary start here*/

.masonary-grid img {

    width: 300px;

    text-align: ;

}



.single-gallary {

  width: 100%;

  height: 250px;

  float: left;

 background-size: cover;

 background-position: center;

 position: relative;

}



.gallary .owl-prev, .gallary .owl-next, .protfolio-list .owl-prev, .protfolio-list .owl-next {

  position: absolute;

  left: -45px;

  text-align: ;

  top: 33%;

}

.gallary .owl-next, .protfolio-list .owl-next  {

  left: auto;

  right: -45px;

}

.team .owl-prev, .team .owl-next {

  position: absolute;

  left: -45px;

  text-align: ;

  top: 41%;

}

.team .owl-next {

  left: auto;

  right: -45px;

}

.single-gallary-inner {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    

    color: #fff;

    text-align: center;

    font-size: 50px;

    padding-top: 80px;

    z-index: 2;

    transition: 0.4s;

    visibility: hidden;

    opacity: 0;

}

.single-gallary-inner::after {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: #000;

    content: '';

    z-index: -1;

    opacity: 0.5;

}

.single-gallary:hover .single-gallary-inner {

    opacity: 1;

    visibility: visible;

}

.single-gallary-inner a {

    color: #fff;

}

.menu-area {

    position: absolute;

    left: 0;

    top: 0;

    width: 19%;

    z-index: 2;

    height: 100%;

    background-color: #fff;

    /*text-align: center;*/

}



.menu-area .left-menu {

 

  padding: 0 20px;

  font-size: 20px;

}

.left-menu ul li a {

  font-size: 17px;

  transition: 0.4s;

}

/*galary End here*/

/*left menu start here*/



.left-menu-footer {

  position: absolute;

  bottom: 20px;

}

.left-menu-footer ul li {

  text-decoration: none;

  list-style: none;

  font-size: 17px;

  display: inline-block;

  padding: 0 7px;

}

.left-menu-footer ul li a {

  color: #222222;

  transition: 0.4s;

  font-size: 20px;

}

.left-menu-footer ul li a:hover {

  color: #FF7F27;

}

.left-menu-footer span {

    font-size: 12px;

}

/*.menu-area {

  -webkit-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  -moz-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

}*/

.logo {

  visibility: hidden;

  opacity: 0;

  transition: 0.4s;

}

.fp-viewing-firstSection .logo {

  display: block;

  opacity: 1;

  visibility: visible;

}



.left-side-logo {

  position: absolute;

  width: 100%;

  /* text-align: center; */

  top: 4%;

  margin-left: 35px;

}



.about.section-title p {

  margin-bottom: 40px !important;

  top: -70px !important;

}

.main-menu ul li button:focus + ul {

  visibility: visible;

  opacity: 1;

}



.dorp-btn {

  background-color: transparent;

  border: navajowhite;

  color: #ffff;

  font-size: 19px;

  padding: 0;

  text-transform: capitalize;

  font-weight: 500;

  transition: 0.4s;

}

.dorp-btn:hover {

  color: #FF7F26;

}

.our-vision-area {

  padding: 80px 0 !important;

  padding-bottom: 0 !important;

}

/*left menu end here*/

/*single Project start*/



.single-project-page .menu-area.hidden {

  display: block !important;

  position: fixed;

}

.single-project-page .menu-area {

  

  position: fixed !important;

}

.single-project-page .logo {

  display: none;

}



.s-project-slider {

  height: 300px;

  width: 100%;

}

.s-project-slider-inner {

  height: 300px;

  width: 100%;

  background-size: cover;

  background-position: center bottom;

}

.s-project-slider {

  margin: 90px 0;

}

.s-project {

  height: auto;

}

.section-padding{

  padding: 40px 0;

}



.s-project {

  position: relative;

  z-index: 5;

}



.s-project-slider .owl-nav {

  /*din: ;*/

  display: none;

  visibility: hidden;

}

.s-project-slider .owl-dots {

  position: absolute;

  background-color: ;

  bottom: 10px;

  width: 100%;

  left: 10px;

}

.s-project-slider .owl-dots .owl-dot {

  height: 13px;

  width: 13px;

  background-color: #282923;

  z-index: 100;

  border-radius: 50%;

  margin: 0 4px;

}

.s-project-slider .owl-dots .owl-dot.active {

  background-color: #FF7F27;

}

.menu-area {

  z-index: 100;

}

.single-project {

  height: 250px;

}

.service .section-title {

  margin-left: 0;

}

.about.section-title p {

  margin-left: 15px !important;

}



.slider.full .single-slider {

  padding: 161px 20px;

}

.slider.full h3 {

  font-size: 30px;

}

.slider.full h1 {

  font-size: 49px;

}

/*single Project end*/

/*bredcoum- area start*/



#breadcrumb {

  padding: 100px;

}

#breadcrumb {

  position: relative;

  z-index: 1;

}

#breadcrumb:after {

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  content: '';

  background-color: #000;

  z-index: -1;

  opacity: 0.5;

}

.col-lg-6 {

}

#breadcrumb {

  color: #fff;

}

#breadcrumb h1 {

  text-transform: uppercase;

  font-size: 45px;

  margin-bottom: 0;

  padding-bottom: 0;

}

#breadcrumb p {

  color: #ff7f27;

}

#breadcrumb a:hover {

  color: #ff7f27;

}

#breadcrumb a {

  color: #fff;

  transition: 0.4s;

}



#about span {

  background-color: #F5F5F5;

  display: inline-block;

  padding: 10px;

  border-left: 3px solid #FF7F27;

  margin: 10px 0;

}

#about-team .team{

  padding: 0;

}

.client-area .client {

  border: 1px solid #ddd;

}

#client .owl-nav {

  display: none;

  visibility: hidden;

}





.new-section-title h4 {

  color: #FF7F27;

  text-align: ;

  text-transform: capitalize;

  text-align: center;

  display: inline-block;

  font-size: 33px;

  margin-bottom: 33px;

}

.new-section-title {

  text-align: center;

}



.overview-info ul li {

  margin: 0;

  padding: 0;

  list-style: none;

  padding: 9px;

  font-size: 13px;

  font-weight: 500;

}

.overview-maps img {

  height: 100%;

  width: 100% !important;

}

.tab-section ul li {

  display: inline-block;

  list-style: none;

  text-decoration: navajowhite;

}

.tab-section ul li button {

  background-color: transparent;

  color: #454545;

  padding: 5px 7px;

  border: none;

  transition: 0.4s;

  cursor: pointer;

  border-left: 1px solid;

}

.tab-section ul li button:hover {

  /* background-color: #FF7F27; */

  color: #FF7F27 !important;

}

button.skltbs-active {

  color: #FF7F27 !important;

}

.layout-img {

  text-align: center;

}

.contact-form input, .contact-form textarea {

  border: 1px solid #ddd;

  padding: 10px 20px;

  width: 100%;

}

.contact-form label {

  margin: 10px 0;

}

.s-project-text p span {

  display: inline-block;

  width: 100%;

  padding: 6px 0;

}

.contact-form .boxed-btn {

  border: none;

  padding: 10px 60px;

  text-align: ;

  margin: ;

}



.our-vision-area.is-animated {

}

.our-vision-area .section-title p {

  margin-left: 0;

}

.our-vision-area .owl-prev {

  left: -45px !important;

}

.our-vision-area .owl-next {

  right: -45px !important;

}

.about.section-title {

  margin-left: -8px;

}

/*bredcoum- area end*/

button.skltbs-active {

  /*background-color: #FF7F27 !important;*/

}

/*contact- start here*/

.single-contact-info {

  text-align: center;

  background-color: #fff;

  padding: 29px;

}

.single-contact-info {

}

.contact-icon {

  height: 50px;

  width: 50px;

  margin: 0 auto;

  background-color: #ff7f27;

  color: #fff;

  border-radius: 50%;

}

.contact-icon span {

  font-size: 20px;

  padding-top: ;

  display: inline-block;

  padding-top: 5px;

}

.contact-icon {

  margin-bottom: 20px;

}



.contact-form input, .contact-form textarea {

  border: 1px solid #ddd;

  width: 100%;

  margin: 10px 0;

  padding: 10px;

}

.contact-form {

  margin-top: 30px;

}

.contact-form button {

  /*margin-left: 10px;*/

  cursor: pointer;

  border: none;

}

.single-contact-info {

  -webkit-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  -moz-box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  box-shadow: 2px 2px 39px -18px rgba(0,0,0,1);

  padding: 30px 7px;

}

.contact-text {

  font-size: 14px;

}

.single-contact-info {

  margin-bottom: 10px;

}



.new-section-title h4 {

  position: relative;

  padding-bottom: 10px;

}

.new-section-title h4::before {

  position: absolute;

  left: 0;

  bottom: 0;

  height: 2px;

  width: 100% !important;

  width: 2px;

  content: '';

  background-color: #FF7F27;

}



.new-section-title h4:after {

  position: absolute;

  left: 10%;

  top: ;

  bottom: -6px;

  height: 2px;

  width: 80%;

  content: '';

  background-color: #FF7F27;

}

.new-section-title {

}



.overview-maps {

  position: relative;

}

.location-maps {

  position: absolute;

  left: 20px;

  bottom: 20px;

  font-size: 50px;

  font-weight: 700;

  color: #FF7F27;

}

.location-maps span {

  position: absolute;

  right: -30px;

  bottom: -23px;

  color: #383A38;

  z-index: 5;

  opacity: 0.9;

}



.view-location {

  position: absolute;

  line-height: 0;

  top: 0;

  right: -60px;

}

.view-location a {

  color: #FF7F27;

  transition: 0.4s;

}

.view-location {

}

.overview-maps.wow.fadeInLeftBig {

  color: #4C4E4C;

}

.location-maps:hover a {

  color: #4C4E4C;

}

.our-vision-area {

  margin: ;

  margin-top: 10px;

}

.team-section .section-title p {

  margin-left: 46px !important;

}



.team-section .section-title p {

  margin-left: 46px !important;

}

.ceo-content h4 {

  margin-bottom: 5px;

  font-weight: 500;

}

.ceo-text p span {

  color: #FF7F27;

}

.fp-viewing-firstSection {

}

.ceo-content h4 {

}

.ceo-text p span {

  background: ;

  color: #FF8025;

  font-weight: 500;

}

.border-top {

  height: 5px;

  width: 100%;

  background-color: #FF7F27;

}

.concern .section-title {

  margin-top: 80px;

}

.concern .our-vision-area{

  padding: 0 !important; 

}

.single-testimonial h4 {

  margin-bottom: 7px;

}

.social-link a {

  padding-top: 7px;

}

/*contact- end here*/

/*Time Line css Start*/

.timeline-dots-wrap {

  position: absolute;

  top: 0;

  left: 0;

  text-align: left;

  width: 100% !important;

  height: 70px !important;

  z-index: 100;

}

.timeline-dots-wrap li {

  width: auto !important;

}

.timeline-dots-wrap.bottom li button {

  font-size: 17px;

  display: inline-block;

  font-weight: 700;

  color: #FF7F27;

}

.slide-active button {

  color: #000 !important;

}



.single-time-line {

  padding: 50px 30px;

  height: auto;

}

.timeline-img img {

  height: 250px;

  float: ;

  width: 32%;

}

.time-line-text h4 {

  color: #FF7F27;

  margin-top: 24px;

}

.time-line-info {

  position: absolute;

  top: 20px;

  left: 52%;

  background-color: #FF7F27;

  padding: 10px 20px;

  border-radius: 10px;

}

.time-line-info h6 {

  margin: 0;

  padding: 0;

  color: #fff;

}

.timeline-img {

  margin-top: 100px;

}

.timeline-dots {

  width: 100% !important;

}



.timeline-dots-wrap li {

  border-bottom: 3px solid #000;

}



.timeline-dots-wrap li.slide-active {

  border-bottom: 3px solid #FF7F27 !important;

}



.shape-1 {

  position: absolute;

  left: 40%;

  bottom: -10px;

  height: 20px;

  width: 20px;

  background-color: #000;

  transform: rotate(45deg);

  z-index: -1;

}

.timeline-dots-wrap li button {

  padding: 0px 38px;

}



.timeline-dots-wrap li.slide-active {

  position: relative;

  z-index: 10;

}

.timeline-dots-wrap li.slide-active:after {

  position: absolute;

  left: 50%;

  top: ;

  bottom: -5px;

  height: 12px;

  width: 12px;

  content: '';

  background-color: #FF7F27;

  z-index: 11 !important;

  border-radius: 50%;

  margin-left: -6px;

}

.timeline-dots-wrap li button:hover {

  color: #000;

}

#timeline-section {

  padding-top: 80px;

}





.timeline-container {

  width: 100% !important;

}



.single-time-line {

  width: 922px !important;

}

.timeline-list {

  width: 100% !important;

}

.single-time-line.timeline-item.slide-active {

  border: none;

}

.timeline-dots {

  width: 795px !important;

}

.section.section1 .container-fluid {

  margin-top: 86px;

}

/*.js-conveyor-1 {

  top: 84px;

}*/

.js-conveyor-1 {

  display: none;

}

.fp-viewing-firstSection .js-conveyor-1 {

  display: block !important;

}

/*.breking-news {

  display: none;

  visibility: hidden;

}*/

/*.single-time-line {

  width: auto;

}

.timeline-dots-wrap {

  width: 100% !important;

}*/

/*Time Line css End*/



.news-braking {

  position: relative;

  top: 80px;

  padding: 0px 17px;

}

.jctkr-label {

  z-index: 10;

  position: absolute;

  background-color: #fff;

  padding: 4px 16px;

  color: #fff;

  background-color: #FF7F27;

}

.news-braking ul {

  padding: 4px 0;

}

.news-braking {

  border: 1px solid #ddd;

}

/*.news-braking:hover {

  box-shadow: 1px 1px 1px 1px;

}*/

.news-braking ul li span span, .news-braking ul li a span span {

  color: #FF7F27;

  padding: 2px;

  font-size: 16px;

  margin-right: ;

  margin-left: 29px;

}

.off-canvuse-menu.active {

  top: 0;

}

.section.section1 .container-fluid {

  margin-top: 40px;

}

.menu-area.hidden.fixed {

  position: fixed;

  display: block !important;

  visibility: visible;
  z-index: 1000 !important;

}

.menu-area.hidden.fixed-2 {

  position: fixed;

  visibility: visible;

  opacity: 1;

  display: block !important;

}

.owl-prev, .owl-next {

  font-size: 60px !important;

  line-height: 0 !important;

  margin-top: 5px !important;

  color: #FF7F27 !important;

}

.single-slider {

  z-index: 1;

  position: relative;

}

/*.single-slider:after {

  position: absolute;

  left: 0;

  t0: ;

  top: 0;

  height: 100%;

  width: 100%;

  content: '';

  background-color: #000;

  z-index: -1;

  opacity: .4;

}

*/

.award-img {

  height: 300px;

  background-size: 100%;

  background-position: center top;

  text-align: center;

  padding: 120px;

  position: relative;

  z-index: 1;

  transition: 0.8s;

  border-radius: 15px;

}

.award-img a {

  color: #FF7F27;

  font-size: 26px;

  font-size: ;

  font-weight: 700;

  margin-left: -200px;

  visibility: hidden;

  opacity: 0;

  transition: 0.4s;

}

.award-img:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  content: '';

  background-color: #000;

  opacity: 0.3;

  z-index: -1;

  border-radius: 15px;

}

.award-img:hover :after {

  opacity: 1;

}

.award-img a {

}

.single-award:hover .award-img a {

  visibility: visible;

  opacity: 1;

  left: 0;

  margin-left: 0;

}

.award-img a:hover {

  color: #fff;

}

.award-text {

  text-align: center;

  margin-top: 20px;

  color: #FF7F27;

}

.single-award:hover .award_img {

  background-size: 120%;

}

.single-award:hover .award-img {

  background-size: 120%;

}

.single-award {

  border: 1px solid #ddd;

  margin-bottom: 23px;

  border-radius: 15px;

  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);

  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);

}



.news-wrapper .news-img {

  height: 160px;

  position: relative;

  z-index: 1;

  background-size: 100%;

  background-position: center top;

  transition: 0.6s;

}

.news-wrapper .news-img:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  cont4e: ;

  content: '';

  background-color: #000;

  z-index: -1;

  opacity: 0.3;

}

.news-wrapper:hover .news-img {

  background-size: 120%;

}

.post-date {

  background-color: #FF7F27;

  padding: ;

  position: absolute;

  padding: 7px;

  font-size: 12px;

  color: #fff;

  left: 0;

  top: 0;

}

.news-text {

  background-color: #ddd;

  padding: 7px;

  text-align: center;

}

.news-wrapper {

}

.news-text h4 {

  font-size: 15px;

  text-align: left;

  padding: ;

}

.news-wrapper {

  overflow: hidden;

  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);

  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);

  margin-bottom: 15px;

}

.news-img .boxed-btn {

  position: absolute;

  right: -132px;

  margin: 0;

  bottom: 0;

  transition: 0.4s;

  

}

.news-wrapper:hover .news-img .boxed-btn {

  right: 0 !important;

}



.time-line-text {

  margin-top: 100px;



 }

.time-line-text img {

  height: 300PX !important;

  width: 45% !important;

  float: left;

  padding: 10px;

}

.off-canvuse-menu.active {

  z-index: 1000;

}



/*JOb section*/



.single-job {

  padding: 10px;

  background-color: #fff;

  border-radius: 5px;

  -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);

  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);

}

.job-text h4 {

  color: #FF7F27;

  font-size: 18px;

}

.apply-now a {

  display: inline-block;

  background-color: #FF7F27;

  width: 100%;

  margin-bottom: 9px;

  text-align: center;

  padding: 5px;

  border-radius: 10px;

  color: #fff;

  transition: 0.4s;

}

.apply-now {

  padding: 26% 0;

}

.apply-now a:hover {

  color: #000;

}

.job-text span {

  border: 1px solid #FF7F27;

  padding: 4px;

  display: inline-block;

  margin-bottom: 10px;

  font-size: 12px;

  border-radius: 10px;

}

.job-text span b {

  margin-right: ;

  padding: 10px;

}



.job-details img {

  height: 300px;

  margin: ;

  text-align: ;

}

.job-details {

  margin: 0 auto;

  text-align: justify;

}

.job-img {

  text-align: center;

}

.job-details .apply-now {

  padding: 13% 0 !important;

}



.job-img img {

  height: 150px !important;

}

.single-job {

  margin-bottom: 30px;

} 

.team-title h3, .team-title span {

  font-size: 14px !important;

  width: 80% !important;

  text-align: center !important;

}



.content p a img {

  display: block;

  width: 400px !important;

  margin-left: 35px;

  margin-bottom: 13px;

  -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);

  box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);

}



.job-details .job-desc h4 {

  color: #FF7F27;

  margin-top: 20px;

  text-align: center;

}

.job-details .job-desc {

  margin-bottom: 35px;

}

.apply-now {

  color: #FF7F27;

}



.job-text span {

  border: none;

  border-radius: ;

  border-right: 1px solid #ddd;

  border-left: 1px solid #ddd;

}

.job-text span b {

  color: #FF7F27;

}

.job-text {

  margin-top: 19px;

}

.left-menu ul li button {

  border: none;

  background-color: transparent;

  color: #;

  background-color: #F17825;

  color: #fff;

  margin-left: 9px;

  font-size: 15px;

  padding: 2px 20px;

  display: inline-block;

  cursor: pointer;

}

#breadcrumb h1 {

  font-size: 35px !important;

}





.menu-area.close-btn {

  position: fixed !important;

}

.btn-closed {

  display: none;

}

.all-camera {

  display: none;

}

/*pettern common*/

.menu-area {

  background-color: #F9F9F9;

}

.left-menu ul li a {

  font-size: 13px !important;

}

/*pettern common*/

/*pattern -1*/



.single-glry {

	height: 370px;

	margin-bottom: 42px;

	background-size: 100% 100%;

	background-position: center top;

}



.single-glry .owl-prev {

  display: none !important;

  visibility: hidden !important;

}

.p-one-glry .owl-nav {

  display: none;

  visibility: hidden;

}

.p-one-glry .owl-dots {

  position: absolute;

  right: 0;

  top: ;

  bottom: 42px;

  width: 100%;

}

.p-one-glry .owl-dot {

  height: 15px;

  width: 15px;

  background-color: #fff !important;

  float: right;

  margin: 7px;

  border-radius: 50%;

}

.p-one-glry .owl-dot.active {

  background-color: #FF7F27 !important;

}



/*pattern -1*/

/*pattern -4*/



.pattern-4 .single-project {

  height: 330px;

  margin-bottom: 25px;

}

.pattern-4 .single-project p {

  color: #fff;

}

.pattern-4 .single-project a h5, .pattern-4 .single-project h5 {

  color: #FF7F27 !important;

}

.pattern-4 .single-project {

  width: 30%;

  float: left;

  margin-right: 3%;

}



.pattern-4 .project-filter li {

  display: inline-block;

  padding: 10px;

  color: #FF7F27;

  text-transform: capitalize;

  font-size: 18px;

  cursor: pointer;

}

/*pattern -4*/

/*pattern -6*/



.pattern-6 .pettern-images {

  height: 90%;

  background-size: cover;

  background-position: center top;

}



.section-padding.pattern-6 {

  padding-top: 100px;

}

.feature-section.section-padding {

  margin-top: 45px;

  position: relative;

  z-index: 10;

  color: #fff;

}

.pattern-6 h4 {

  color: #222222;

}

.feature-section:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  content: '';

  background-color: #000;

  z-index: -1;

  opacity: 0.6;

}

.feature-section p {

  margin-left: 25px;

}

.single-gallary {

	margin-bottom: 20px;

}

/*pattern -6*/









.service-text h5 {

  font-size: 15px;

}

.single-service:hover .service-text img {

  -webkit-box-shadow: 0px 0px 12px 0px rgba(255,127,39,1);

  -moz-box-shadow: 0px 0px 12px 0px rgba(255,127,39,1);

  box-shadow: 0px 0px 12px 0px rgba(255,127,39,1);

}

.service-text img {

  color: ;

  transition: 0.4s;

}



.left-menu-footer ul li a {

  font-size: 12px !important;

}

.social-area a {

  font-size: 12px !important;

}

.pettern-text {

	margin-top: 45px;

}



.service-img {

}

.single-service {

  height: 265px;

  position: relative;

  padding: 0;

}

.service-img {

  height: 200px;

  width: 100%;

  background-size: cover;

  background-position: center top;

}



.service-img img {

  height: 200px;

  border-bottom: 1px solid #ddd;

}

.service-img {

  position: relative;

  z-index: 1;

  display: inline-block;

}



.single-service:hover {

  -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);

  -webkit-box-shadow: 0px 0px 29px 0px rgba(255,127,39,1);

  -moz-box-shadow: 0px 0px 29px 0px rgba(255,127,39,1);

  box-shadow: 0px 0px 29px 0px rgba(255,127,39,1);

}

.single-service {

  transition: 0.4s;

}

.left-menu-footer {

	text-align: center;

}



.off-canvuse-menu {

}

.close-menu-overlay {

  position: fixed;

  height: 100%;

  width: 100%;

  background-color: #fff;

  z-index: 9;

  opacity: 0;

  visibility: hidden;

}

.close-menu-overlay.active {

  opacity: .1;

  visibility: visible;

}





.ceo-text {

  background-color: #464543;

  color: #fff;

}

.ceo-img {

  text-align: center;

}

.ceo-img img {

  height: 74px;

  width: ;

}

.ceo-content {

  text-align: center;

}

.ceo-content h4 {

  font-size: 16px;

  font-weight: 700;

}

.ceo-text h5 {

  font-size: 13px;

  font-weight: ;

}



.quote-section p {

  border: none;

  text-align: center;

  font-size: 23px;

  margin: 0;

  padding: 0;

  font-weight: 700;

  line-height: 1.3;

  display: inline-block;

  position: relative;

}

.quote-section .quote-left {

	position: absolute;

	font-size: 35px;

	left: ;

	top: -23px;

	left: 119px;

	transform: rotate(18deg);

	color: #FF7F27;

}

.quote-right {

  position: absolute;

  bottom: -23px;

  font-size: 35px;

  transform: rotate(18deg);

  color: #FF7F27;

}

.ceo-content {

  border-bottom: 5px solid #FF7F27; 

  margin-bottom: 22px;

}



.single-slider {

  position: relative;

}

.possion-absulate {

	position: absolute;

	left: 0;

	text-align: left;

	bottom: 0 !important;

	padding: 14px;

	z-index: 12;

	width: 100%;

}



.possion-absulate:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  content: '';

  background-color: #000;

  opacity: 0.5;

  z-index: -1;

}

.possion-absulate h3 {

	color: #FF7F27;

}



.section-title span {

  color: ;

  font-weight: 700;

}

.service-text h5 {

  font-size: 22px;

}



.test-img img {

  border-radius: 0px;

  margin-top: 20px;

}

.ceo-text {

	background-size: 100% 100%;

}



.ceo-text .row {

  position: absolute;

  bottom: 0;

  width: 100% !important;

  padding: 90px 0;

  width: 100% !important;

  left: 0;

}



.possion-absulate p {

  font-size: 20px;

  font-weight: 700;

}

.possion-absulate img {

  height: 73px;

  width: 200px !important;

}

/* .timeline-img { */

	/* display: none; */

	/* visibility: hidden; */

/* } */



.we-create-area-bg {

  /*! padding: 60px; */

  background-size: ;

  height: 100%;

}

.team-section {

  height: 100% !important;

}

.our-vision-area {

  background-size: cover;

  height: 100%;

}

.service-text {

	border-top: 2px solid #FF7F27;

} 



.time-line-info {

  padding: 5px;

  background-color: #fff;

  color: #FF7F27 !important;

  border-bottom: 1px solid #FF7F27;

}

.time-line-info h6 {

  color: #FF7F27;

  font-size: 12px;

}

.timeline-dots button {

  color: #FF7F27 !important;

  font-size: 11px !important;

}

.time-line-text {

  margin-top: 20px;

}

button {

  border: none !important;

}

.possion-absulate img {

	height: 50px !important;

}

.mobile-view {

	display: none !important;

	visibility: hidden;

}



.possion-absulate h5 {

  display: block;

  visibility: visible !important;

}

.possion-absulate .boxed-btn {

  display: inline-block;

  visibility: visible !important;

      margin-left: 40px !important;

}

.concern-tigger {
	position: fixed;
	background-color: #FF7F27;
	/* color: #fff; */
	/* padding: 6px !important; */
	font-size: 10px;
	z-index: 100;
	top: -6px;
	cursor: pointer;
	left: 20px;
}
.concern-tigger.hide {

	display: none !important;

	visibility: hidden !important;

}





.concern-tigger {

  position: fixed;

  background-color: #FF7F27;

  color: #fff;

  padding: 6px !important;

  font-size: 10px;

}

.concern-tigger {

	display: none;

	visibility: hidden;

}





.video-btn {

  font-size: 25px;

  color: #fff;

  transition: 0.4s;

}

.video-btn:hover {

  color: #FF7F27;

}



.video-button {

  position: absolute;

  right: 56px;

  top: 37%;

}

.ceo-text {

  position: relative;

}

.video-button a {

  display: inline-block;

  border: 1px solid #ddd;

  width: 50px;

  height: 50px;

  text-align: center;

  padding-left: 6px;

  padding-top: 5px;

}

.video-button a:hover {

  color: #FF7F27;

  border-color: #FF7F27;

}



.video-button {

  visibility: hidden;

  opacity: 0;

  transition: 0.4s;

}

.ceo-text:hover .video-button {

  visibility: visible;

  opacity: 1;

}

.testimonial-slider .owl-prev, .testimonial-slider .owl-next {

	position: absolute;

	top: 45%;

}



.ceo-slider .ceo-text {

  height: 100%;

}

.ceo-slider .owl-item {

  height: 100% !important;

}

.ceo-slider .owl-stage-outer {

  height: 100% !important;

}

.ceo-slider {

  height: 100% !important;

}

.ceo-slider .owl-stage {

  height: 100%;

}

.footer-area {

	border: ;

	box-shadow: none;

	background-color: #fff;

}

.slider.owl-carousel .owl-item img {

    padding: 0px 40px;

    

    padding-right: 0 !important;

    padding-left: 80px !important;

    margin-left: auto !important;

}
.quote-section {
	font-size: 22px;
}
.possion-absulate .col-lg-5 {
	text-align: right !important;
}

.single-service {
  display: inline-block;
  color: #FF7F27;
}
.mission-vision-img {
	height: 100%;
	background-size: cover;
}
.mobile-ceo {
  display: none;
  visibility: hidden !important;
}




.slingle-associateship .ship-img {
  width: 25%;
  height: 100%;
  float: left;
}
.slingle-associateship .ship-text {
  width: 74%;
  float: right;
}
.slingle-associateship {
  height: 200px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.slingle-associateship .ship-img img {
  height: 100%;
  width: 100;
}

.ship-text {
  padding-left: 15px;
}
.ship-img {
  border-right: 1px solid #ddd;
}
.slingle-associateship:hover {
  color: ;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.58);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.58);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.58);
}
.single-project {
  width: 100% !important;
  
}

.ceo-text {
  text-align: center;
  position: ;
  position: relative;
}
.ceo-text .boxed-btn {
  position: absolute;
  bottom: 0;
  left: 37%;
}

.footer-pading-left {
  padding-left: 30px !important;;
  margin-top: 41px !important;;
}

.ceo-text {
  height: 460px;
}
.time-line-text {
	margin-top: 62px;
	text-align: center;
}

.timeline-img {
  margin-top: 20px;
}
.time-line-text {
  text-align: left !important;
  font-size: 20px;
  font-weight: 700;
  color: #FF7F27;
}
.time-line-info {
}
.time-line-text span {
  border-bottom: 1px solid;
}
.single-time-line {
  border: none !important;
}
.construction-camera .timeline-img {
	margin-top: 65px !important;
}
.left-menu {
	height: 420px;
	overflow: auto;
}
.team-text h3 {
	color: #fff;
}
.remember .section-title {
	margin-bottom: 30px;
	padding-top: 0;
}

.remembr-img {
}
.remembr-img {
  border-right: 1px solid #FF7F27;
  margin-bottom: 25px;
}
.ceo-desc-2 h3 {
  color: #FF7F27;
  font-size: ;
  margin-bottom: 0;
}
.ceo-desc-2 h5 {
  font-size: 13px;
  color: #FF7F27;
}
.quote-section-2 {
  font-size: 20px;
}
.quote-section-2 span {
  color: #FF7F27;
}

/* .timeline-img .col-lg-4 { */
  /* margin: 0 auto; */
/* } */
.time-line-text {
  text-align: center !important;
}
.timeline-dots {
  left: -80px;
}
.time-line-info h6 {
  color: ;
  font-size: 17px;
}
.time-line-text span {
  font-size: 13px;
  border-bottom: none;
}
.time-line-info {
    width: 20% !important;
    left: 50%;
    margin-left: -10%;
}

.service-slider .owl-prev, .service-slider .owl-next {
  position: absolute;
  left: 0;
  top: 45%;
}
.service-slider .owl-next {
  left: auto;
  right: 0;
}

.news-wrapper {
	margin-bottom: 34px !important;
}
.ship-text img {
  display: none;
}
.left-menu {
	width: 87%;
}


.menu-area .active a {
  margin-left: 0 !important;
}
.menu-area .active ul li a {
  margin-left: 20px !important;
}
.dropdown {
}
.menu-area.dropdown li a:after {
  height: 0 !important;
  left: -35px !important;
  transition: 0.5s !important;
}
.menu-area .dropdown li:hover a::after {
  height: 1px !important;
  left: 0 !important;
  transition: 0.4s;
}
#certificate .section-title, #logo .section-title {
	margin-bottom: 20px;
}


.slingle-associateship {
  margin-bottom: 22px;
}
.ship-img {
  height:  176px !important;
  margin: 0 auto;
  text-align: center;
}
.ship-img img {
  margin: 0 auto !important;
}

/* drop menu 2 */

.main-menu {
  height: 470px !important;
  overflow: auto;
}
.dropdown-right-btn.show a {
  color: #;
}
.dropdown-right-btn.show a {
  color: #FF7F27;
}
.dropdown-right-btn.show .dropdown-2{
  margin-left: 10px !important;
}
.dropdown-right-btn.show .dropdown-2 a {
  color: #fff !important;
}
.dropdown-right-btn.show .dropdown-2 a:hover{
  color:  #FF7F27 !important;;
}

.dropdown-2 {
  display: none;
  visibility: hidden;
}

.dropdown-right-btn.show .dropdown-2 {
  display: block;
  visibility: visible;
}
.single-slider h6 {
	font-family: 'BAUHS93';
	font-size: 25px;
}

.single-slider h6 {
  color: #FF7F27;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
}
.news-text a {
	color: #000 !important;
}
.news-text a:hover{
	color: #FF7F27 !important;
	
}

.single-article-text .articel-img img {
  height: 250px;
}
.single-article-text .articel-img {
  text-align: center;
  margin-bottom: 20px;
}
.section-title.content {
	left: 0;
	margin: 0;
}
.footer-pading-left h2 {
	text-transform: capitalize;
}
.possion-absulate h6 {
	color: #fff !important;
}

.concern-tigger {
  background-color: transparent;
  color: ;
  border: 1px solid #FF7F27;
}
.concern-tigger span {
  background-color: #FF7F27 !important;
  color: #FF7F27 !important;
}
.construction-camera .timeline-img {
	margin-top: 83px !important;
}
.pagination.pagination-primary.mt-4 {
	display: none;
	visibility: hidden;
}
.concern-close {
	position: fixed;
	top: 15px;
	left: 10px;
	font-size: 22px;
	z-index: 10000;
	display: none;
	visibility: hidden;
	cursor: pointer;
}
.concern-close.active{
	display: block;
	visibility: visible;
}
.single-gallary {
    border: 1px solid #FF7F27;
}

.project-concern a {
  color: #FF7F27;
  font-weight: 700; 
}
.content {
	margin-bottom: 20px !important;
}
.video iframe {
	width: 100% !important;
}
.possion-absulate a {
	margin-bottom: 0 !important; 
}
/* .slider { */
	/* margin-top: 10px; */
/* } */
 /* .section.section2 { */
	/* padding-top: 20px; */
/* } */
.section-title.content {
	display: none;
	visibility: hidden;
}
.desktop-show {
	display: block !important;
	visibility: visible !important;
}

.project-camera .timeline.js-timeline {
  margin-top: 50px;
}
.project-camera .time-line-info {
  margin-top: -69px;
  text-align: center;
  width: auto !important;
}
.project-camera .timeline-img {
  margin-top: 17px !important;
}
.ceo-text .quote-section {
  display: none;
  visibility: hidden;
}
.ceo-text .video-button {
  display: none;
  visibility: hidden;
}

.ceo-text a {
  background-color: #303745;
}
.ceo-text a:hover {
  background: #FF7F27;
}
/*.section.section2 .col-lg-5, .section.section2 .col-lg-7 {
    margin-top: 20px !important;
}*/
/* drop menu 2 */
/*

.left-side-logo { 

  padding: 0px 60px;
 
}

/*

.header-area {

	padding: 11px 36px !important;

} */
/* NEw Timeline */
.time-line-new .timeline-img {
  margin: 0;
}
.time-line-new ol li {
  background-color: transparent !important;
}
.timeline .events-wrapper .selected {
  color: #FF7F27;
  /*! background-color: #FF7F27; */
  /*! padding-bottom: 0; */
  /*! bottom: 10px; */
  /*! display: ; */
  /*! padding: ; */
  font-weight: 700;
}
.filling-line {
  background: #FF7F27 !important;
}
.timeline-navigation a {
  color: #FF7F27;
  font-size: 8px;
  top: ;
  margin-top: ;
}
.timeline-navigation {
  margin-top: 23px;
}
.time-line-new ol {
	margin: 0;
	padding: 0;
	list-style: none;
}


.c-project-title {
  /*! color: #FF7F27; */
  color: #fff;
  background-color: #FF7F27;
  display: inline-block;
  padding: 10px 24px;
  border-radius: 16px;
}
.c-camera-title {
  color: #FF7F27;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.row.c-image-gelary {
  margin-bottom: 33px;
  border-bottom: 1px solid #ddd !important;
  padding: 20px 0;
}
/* NEw Timeline */