body {

  margin: 0px;

  padding: 0px;

  background: #fff;

  height: 100%;

  width: 100%;

  color: #000;

  font-size: 16px;

  font-family: 'Roboto', sans-serif;

  overflow-x: hidden;

}

.opensans{

  font-family: 'Open Sans', sans-serif;

}

html {

  height: 100%;

  width: 100%;

}



/* ======DEFAULT BROWSER STYLE========= */

a:focus,

a:hover {

  text-decoration: none;

  transition: 300ms ease-in-out;

}

a:focus,

.btn:focus,

.btn:active:focus,

button:focus,

input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

    outline: none;

}

p{

  margin-bottom: 0;

}





/* custom style */









.header-banner {

  background-color: #fff;

  width: 100%;

  padding: 10px 0;

}

header h1 {

  color: #fff;

  padding: 10px 5px;

  margin: 0;

  font-style: italic;

  font-size: 30px;

  text-align: center;

  font-weight: bold;

}

header .fixed-header h1 {

  color: #2f2820;

  font-size: 18px;

}

.navbar-brand img{

  float: left;

  margin-right: 5px;

  width: 60px;

}

.fixed-header {

  background: #ffc50c;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%; 

  z-index: 9999;

  transition: all 0.4s ease-in-out;

}

.quote a {

  color: #f87212;

  font-size: 16px;

}

.social_media ul{

  text-align: right;

  padding-left: 0;

  margin-bottom: 0;

}

.social_media li{

  display: inline-block;

  padding-left: 5px;

}

.social_media li i {

  height: 20px;

  width: 20px;

  background: #f87212;

  color: #fff;

  font-size: 16px;

  line-height: 23px;

  text-align: center;

  border-radius: 5px;

}

.social_media li i:hover {

  background: #ffc50c;

  color: #fff;

}

nav {

  width: 100%;

  background: transparent;

  transition: 0.5s ease-in-out;

}

ul.nav li.dropdown:hover > ul.dropdown-menu {

  display: block;

  transition: 0.4s ease-in-out;

}

a.dropdown-toggle {

  color: #fff;

  font-size: 16px;

  padding: 0 40px;

  font-weight: bold;

}

ul.dropdown-menu li a {

  color: #fff;

  text-align: left;

  display: block;

  padding: 0 10px;

}

ul.dropdown-menu li a{

  background: #ffc50c;

  color: #2f2820;

  transition: 0.2s ease-in-out;
  white-space: nowrap;

}

.fixed-header a.dropdown-toggle{

  color: #000;

}

.slider .carousel-inner {

  position: relative;

  width: 100%;

  overflow: hidden;

  height: 100vh;

}

.carousel-control-prev, 

.carousel-control-next{

  opacity: 1;

}

nav div {

  color: #fff;

  font-size: 22px;

  line-height: 44px;

  transition: 0.5s ease-in-out;

}

.email i, .quote i{

  margin-right: 5px; 

}

.email{

  font-size: 16px;

  color: #f87212;

}

.email:hover, .quote a:hover{

  color: #ffff00;

}

.navbar-light .navbar-nav .nav-link:hover,

.navbar-light .navbar-nav .nav-link:focus {

  color: #f87212;

}

.visible-title {

  visibility: visible;

  transition: 0.5s ease-in-out;

}

.navbar-light .navbar-nav .nav-link {

  color: #fff;

  font-size: 16px;

  padding: 0 40px;

  font-weight: bold;

}

.navbar-light.fixed-header .navbar-nav .nav-link{

  color: #2f2820;

}

.carousel-fade .carousel-item {

 opacity: 0;

 transition-duration: .6s;

 transition-property: opacity;

}

.carousel-fade  .carousel-item.active,

.carousel-fade  .carousel-item-next.carousel-item-left,

.carousel-fade  .carousel-item-prev.carousel-item-right {

  opacity: 1;

}

.carousel-fade .active.carousel-item-left,

.carousel-fade  .active.carousel-item-right {

 opacity: 0;

}

.carousel-fade  .carousel-item-next,

.carousel-fade .carousel-item-prev,

.carousel-fade .carousel-item.active,

.carousel-fade .active.carousel-item-left,

.carousel-fade  .active.carousel-item-prev {

 transform: translateX(0);

 transform: translate3d(0, 0, 0);

}

.about_us{

  padding: 20px 0;

}

.about_info h2, .our_product h2 {

  color: #2f2820;

  font-size: 40px;

  position: relative;

  padding-bottom: 15px;

}

.team {

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

  cursor: pointer;

  position: relative;

  overflow: hidden;

  margin-top: 30px;

}

.about_info p {

  font-size: 14px;

  margin-top: 16px;

  line-height: 24px;

  color: #000;

}

.about_info ul {

  display: inline-block;

  padding-left: 0;

  margin-top: 20px;

  margin-bottom: 0;

  vertical-align: top;

}

.about_info li {

  display: block;

  list-style: none;

  position: relative;

  margin-left: 15px;

  font-weight: 600;

  font-size: 16px;

  line-height: 30px;

}
.about_info .nested {
  display: inline-table;
    vertical-align: top;
    padding-left: 20px;
    margin-top: 1px;
}

.about_info h2:after, .our_product h2:after {

  content: '';

  position: absolute;

  background: #ffc50c;

  height: 3px;

  width: 80px;

  top: auto;

  left: 0;

  bottom: 0;

}

.about_info li:before {

  content: '\f105';

  font-family: 'FontAwesome';

  position: absolute;

  color: #f87212;

  left: -15px;

}

.about_img img{

  margin-top: 20px;

  padding: 15px;

}

.mobileShow {

  display: none;

}

.team .box-img img {

  width: 100%;

}

.team .box-img .caption {

  position: absolute;

  bottom: -156px;

  background: #2f2820d9;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  padding: 20px 30px;

}

.team .box-img:hover .caption {

  width: 100%;

  height: 100%;

  bottom: 0;

  padding: 40px 30px;

}

.team .box-img .caption h3 {

  font-weight: bold;

  font-size: 18px;

  color: #fff;

  text-transform: uppercase;

  margin: 0 0 20px 0;

  text-align: left;

}

.our_product{

  background: #f8f9f9;

  padding: 20px 0;

}

.our_product h3{

  color: #fff;

  text-align: center;

}

.team .box-img .caption p {

  color: #fff;

  font-size: 15px;

  margin: 0 0 20px 0;

}

.team .box-img .caption a {

  font-size: 13px;

  color: #ffc50c;

  text-transform: uppercase;

  font-weight: bold;

}

.para_Sec {

  background: url(../img/bg_pencil_img.jpg)no-repeat;

  background-attachment: fixed;

  background-size: contain;

  background-position: center center;

  padding: 100px 0;

  position: relative;

  z-index: 999;

}

.para_Sec:after {

  content: '';

  background: #2f282085;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  z-index: -9;

}

.para_Sec h1 {

  text-align: center;

  color: #000000;

  font-size: 30px;

  padding: 10px 20px;

}
@media only screen and (max-width: 414px) and (min-width: 350px){
	.caption{
		position: relative;
		top: 0;
		bottom: 0;
		left:0
		right:0;
	}
}
.dropdown-menu {

  background: #2f2820;

  padding: 0;

  margin: 0;

  border-radius: 0;

  border: 0;

}

footer {

  background: #2f2820;

  padding: 30px 0;

}

.product_links h3, .logo_foot h3{

  font-size: 24px;

  color: #fff;

}

.product_links ul{

  padding-left: 0;

  margin-bottom: 0;

  vertical-align: top;

  width: 49%;

  display: inline-block;

}

.product_links li{

  list-style: none;

  display: block;

  position: relative;

  margin-left: 30px;

}

.product_links li a{

  color: #fff;

  font-size: 14px;

  font-weight: bold;

}

.product_links li:before{

  content: '\f105';

  font-family: 'FontAwesome';

  position: absolute;

  color: #fff;

  left: -25px;

}

.logo_foot li a:hover,

.product_links li a:hover{

  color: #ffff00;

}

.carousel-caption {

  position: absolute;

  right: 15%;

  left: 15%;

  z-index: 10;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #fff;

  text-align: center;

  top: 35%;

}

.carousel-caption h3{

  font-size: 70px;

  color: #ffffff;

}

.carousel-caption p{

  font-size: 20px;

  color: #ffffff;

}

.collapse.show {

  background: transparent;

  z-index: 9;

}

footer p{

  color: #abaaa6;

  text-align: center;

  font-size: 16px;

}

.fixed-header .navbar-brand img {

  width: 40px;

}











.bg_nav{

  background: #2f2820;

}

.contact {

  background: url(../img/contact_slider.jpg);

  background-size: cover;

  padding: 130px 0;

  margin-top: 86px;

  background-position: 50%;

}
.radiator {

  background: url(../img/$_1.jpg);

  background-size: cover;

  padding: 130px 0;

  margin-top: 86px;

  background-position: 70%;

}

.infrastructure{

  background: url(../img/slider3.jpg);

  background-size: cover;

  padding: 130px 0;

  margin-top: 86px;

  background-position: 50%;

}

.about_us_home{

  background: url(../img/slider2.jpg);

  background-size: cover;

  padding: 130px 0;

  margin-top: 86px;

  background-position: 50%;

}

.infra_gallery{

  padding: 50px 0;

  background: #f8f9f9;

}

h2.contact_title{

  color: #fff;

  text-align: center;

  font-size: 50px;

}
h2.contact1_title{

  color: #ffc50c;

  text-align: center;

  font-size: 50px;

}

.contact_form{

  background: #fff;

  padding: 50px 0;

}

.contact_form label{

  font-size: 14px;

}

.contact_form .form-control {

  font-size: 16px;

  line-height: 1.5;

  color: #2f2820;

  background-color: #fff;

  border: 1px solid #2f2820;

  border-bottom: 2px solid #2f2820;

  border-radius: 0;

}

.contact_form .form-control:focus {

  color: #2f2820;

  background-color: #fff;

  border-color: #f12;

  outline: 0;

  border-bottom: 2px solid #f87212;

  box-shadow: none;

}

.contact_form .form-group {

  margin-bottom: 20px;

}

.contact_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  font-size: 12px;

}

.contact_form ::-moz-placeholder { /* Firefox 19+ */

  font-size: 12px;

}

.contact_form :-ms-input-placeholder { /* IE 10+ */

  font-size: 12px;

}

.contact_form :-moz-placeholder { /* Firefox 18- */

  font-size: 12px;

}

.submit_btn{

  background: #2f2820;

  display: block;

  width: 100%;

  color: #fff;

  border-radius: 0;

  padding: 10px 10px;

}

.submit_btn:hover{

  background: #f87212;

}

.contact_info{

  padding: 30px 15px;

}

.contact_info p {

  margin-bottom: 20px;

  margin-left: 40px;

}

.contact_info i {

  position: absolute;

  margin-top: 0;

  left: 20px;

  background: #f87212;

  color: #fff;

  height: 30px;

  width: 30px;

  text-align: center;

  line-height: 30px;

}

.contact_info address {

  margin-left: 40px;

}

.contact_info a{

  color: #f87212;

  text-decoration: underline;

}

.contact_info a:hover{

  color: #2f2820;

}

.zoom-effect-container {

  float: left;

  position: relative;

  width: 100%;

  height: 100%;

  margin: 20px auto;

  overflow: hidden;

}

/*.image-card {

  position: absolute;

  top: 0;

  left: 0;

}*/

.image-card img {

  -webkit-transition: 0.4s ease;

  transition: 0.4s ease;

}

.zoom-effect-container:hover .image-card img {

  -webkit-transform: scale(2.08);

  transform: scale(2.08);

}

.about_info .about_pad li:before{

  content: none;

}

.space30{

  margin-top: 30px;

}
/* Style the tab */
.tab {
  
  /*border: 1px solid #ccc;*/
  /*background-color: #f1f1f1;*/
  /*width: 30%;*/
  
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  padding: 16px;
  width: 100%;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
  background: #ffc50c1a;
  margin-bottom: 18px;
  border: none;
  outline: none;
  box-shadow: none;
  font-weight: bold;
  text-align: left;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ffc50c;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #2f2820;
  color: #fff;
}

/* Style the tab content */
.tabcontent {
  /*padding: 0px 12px;*/
  /*border: 1px solid #ccc;*/
  /*width: 70%;*/
  /*border-left: none;*/
  
}

#meterial > img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
}

.c-head-title{
    color: #2f2820;
    font-size: 40px;
    position: relative;
    padding-bottom: 15px;
}
.c-shead-title{
    color: #2f2820;
    font-size: 27px;
    position: relative;
    padding-bottom: 15px;
}
.pt20{
  padding: 20px 0 0 0 !important;
}
.c-head-title:after,.c-shead-title:after {
    content: '';
    position: absolute;
    background: #ffc50c;
    height: 3px;
    width: 80px;
    top: auto;
    left: 0;
    bottom: 0;
}

.btn-custom{
    background: #ffc50c;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
}
.single-service-contact {
    border: 2px solid #e9e9e9;
    padding: 25px;
    background: url(bg-envelope.jpg) right bottom no-repeat;
    margin-bottom: 25px;
  }
.single-service-contact a {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #3dc1ea;
    text-transform: uppercase;
  }
.pdf_icon{
  margin-right: 15px;
}


@media(max-width: 767px){

  .navbar-light .navbar-toggler-icon {

    background: url(../img/menu.png)no-repeat !important;

  }

  .carousel-caption h3 {

    font-size: 20px;

  }

  .carousel-caption p {

    font-size: 12px;

  }

  header h1 {

    padding: 15px 5px;

    font-size: 20px;

  }

  .slider .carousel-inner {

    height: auto;

  }

  .about_info h2, .our_product h2 {

    font-size: 30px;

  }

  .navbar-light .navbar-toggler {

    border-color: 0;

  }

  .fixed-top {

    position: initial;

    background: #ffc50c;

  }

  .carousel-caption {

    top: 25%;

  }

  .navbar-light .navbar-toggler {

    border: 0;

  }

  .navbar-light .navbar-nav .nav-link,

  a.dropdown-toggle {

    padding: 0;

  }

  .contact, .infrastructure, .about_us_home {

    padding: 50px 0;

    margin-top: 0;

  }

  .contact_form {

    padding: 20px 0 0;

  }

  iframe{

    height: 300px;

  }

  .infra_gallery {

    padding: 20px 0;

  }

  .zoom-effect-container {

    margin: 10px auto;

  }

  h2.contact_title {

    font-size: 36px;

  }
  

}