@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: 12px;



}



.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;

      position: fixed;

    z-index: 99999;



}



.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: 6px 16px;



  color: #fff;



  background-color: #FF7F27;

  margin-right:20px !important;



}



.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: 100% !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: 10px;



	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: auto !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  .single-time-line.timeline-item {

    padding-bottom: 0;

}



/* .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;

}



.slider, .single-slider, .ceo-text, .ceo-slider {



height: 450px !important;

}

.client h6 {

    margin-top: 10px;

    color: #FF7F27;

}

.test-content {

	height: 300px;

	overflow: auto;

}



.p-camera-p-title {

  color: #FF7F27;

}
/* 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;
}
.timeline-navigation a {
  height: ;
  display: inline-block;
}
.timeline-navigation a svg {
  display: inline-block;
  padding: ;
}

#leftNav a, #rightNav a {
  /*! height: 20px; */
  /*! width: 20px; */
  display: inline-block;
  font-size: 20px;
  padding:   !important;
  height: 22px;
  width: 22px;
  line-height: 1.1;
  background-color: #FF7F27;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}


.c-project-title {
  position: relative;
  margin-bottom: 23px;
  font-size: 14px;
}
.c-project-title:after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  height: 20px;
  width: 20px;
  content: '';
  background-color: #030104;
  transform: rotate(45deg);
  margin-left: -10px;
  z-index: -1;
}
/* NEw Timeline */

/*.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;



} */