/*
=============================
Override
=============================
*/

/* Common */
[v-cloak] {
  display: none !important;
}

p {
  font-family: "Roboto", sans-serif;
}

.hide {
  display:none;
}

.textCenter {
  text-align:center;
}

.textBlue {
  color:#010161;
}

.bgCover {
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center top;
}

.mb10 {
  margin-bottom:10px;
}

.mb20 {
  margin-bottom:20px;
}

.mb40 {
  margin-bottom:40px;
}

.mb60 {
  margin-bottom:60px;
}

.mb80 {
  margin-bottom:80px;
}

.mb10 {
  margin-top:10px;
}

.mt20 {
  margin-top:20px;
}

.mt40 {
  margin-top:40px;
}

.mt60 {
  margin-top:60px;
}

.mt80 {
  margin-top:80px;
}

h3 {
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
}

.padTop0 {
  padding-top:0 !important;
}

.padBot0 {
  padding-bottom:0 !important;
}

.commonIndustryLogoBox {
  padding-top:40px;
  padding-bottom:40px;
}

.commonIndustryLogoBox ul {
  margin:0;
  padding:0;
  width:100%;
  text-align:center;
}

.commonIndustryLogoBox ul li {
  display:inline-block;
  width:30%;
  margin:30px 1%;
}

.form-control.error_input {
  border:solid 2px red;
}

.noTextDecor {
  text-decoration:none;
}


/* Header */
.btn-primary {
  background-color:#010161;
  color:white;
}

.header-info-2 ul li i {
  color:#666;
}

.header-info-2 li a {
  color:#666;
  text-decoration:none;
}

.header-btn-2 {
  position:relative;
}

.social {
  display:inline-block;
}

.social a {
  display:inline-block;
  width:28px;
}

.social a:first-child {
  margin-right:8px;
}

.header-btn-2 .social {
  position:absolute;
  left:-90px;
  top:45px;
}

.header-info-2 .social {
  display:none;
}

a.text-white:hover, .project-info a:hover {
  color:#ababeb;
}

.mobile-header .mobileContact {
  background:#01006C;
  color:white;
  padding-top:5px;
  padding-bottom:7px;
  text-align:center;
}

.mobile-header .mobileContact a {
  color:white;
}



/* Nav */
.navigation-2 {
  background-color:#333;
}

.main-navigation ul li.current-menu-parent > a, .main-navigation > ul > li.menu-item-has-children.current-menu-parent > a:after,
.main-navigation ul li a:hover, .main-navigation > ul > li.menu-item-has-children > a:hover:after,
.main-navigation ul ul li.current_page_item a
{
  color:#ababeb;
}

.main-navigation ul ul {
  border-top-color:#37a1e6;
}

/* .main-navigation ul li ul {
  visibility:visible;
  opacity:1;
} */

.navigation-style-2 > ul > li a {
  padding: 19px 12px;
}


/* Home */
.slider .slider-content {
  width:100%;
  padding:0 7%;
  bottom:initial;
  top:180px;
  margin:0;
}

.slider .slider-content h1 {
  font-size:7.5rem;
  font-family: 'Poppins', sans-serif;
  font-weight:900;
  margin-bottom:60px;
}

.slider .slide1 .btnDiv .btn {
  margin-right:15%;
}

.coreServices {
  background-image:url('images/bg-what-we-do.jpg');
}

.coreServices .text-primary {
  color:white;
}

.coreServices .services-box-3 {
  background-color:#cfcfcf;
  border-bottom-color:#010161;
}

.coreServices h2, .coreServices .services-box-3 h4 a {
  font-family: 'Poppins', sans-serif;
}

.coreServices .services-box-3 h4 a{
  font-weight:900;
  color:#010161;
  text-decoration:none;
}

.coreServices .services-box-3 i, .coreServices .services-box-3:hover i {
  color:#010161;
}

.coreServices .services-box-3 .services-icon {
  margin-bottom:5px;
}

.coreServices .services-box-3 .iconMobile {
  vertical-align:top;
}






.ourStory, .ourStory p {
  color:#666;
}

.ourStory h4.text-primary {
  color:#666;
}

.ourStory h2 {
  color:#010161;
  font-family: 'Poppins', sans-serif;
  font-size:4.8rem;
}

.ourStory p i {
  font-weight:bold;
  color:#010161;
}

.ourStory .btnDiv {
  text-align:right;
}

.ourStory .btnDiv .btn {
  margin-right:90px;
  background-color:#666;
  color:white;
}

.ourStory .about-img-small {
  left:-70px;
  top:-210px;
  width:280px;
}

.industryLogoBox h3 {
  font-family: 'Poppins', sans-serif;
  font-weight:900;
  color:#010161;
}

.viewPhotoWrap {
  padding-top:60px;
  background-color:black !important;
  background-image: url(images/bg-view-photo.jpg);
}

.viewPhotoWrap h2, .viewPhotoWrap h3 {
  font-family: 'Poppins', sans-serif;
  font-weight:900;
}

.viewPhotoWrap h2 {
  font-size:4.5rem;
}

.viewPhotoDiv a.text-white {
  text-align:right;
  display:block;
  padding-right:120px;
  text-decoration:none;
}

.project-info .project-content {
  padding:48px 28px;
}

.project-info .project-content p {
  margin-bottom:30px;
}

.projects-list .project-item .inner {
  border:0;
}

.viewPhotoWrap a {
  color:white;
  text-decoration:underline;
}

.viewPhotoWrap a strong {
  color:white;
}

.experienceWrap {
  background-image:url(images/bg-experience-wrap.jpg);
}

.experienceWrap ul {
  padding:0;
}

.experienceWrap .col-md-6:first-child ul li {
  list-style:none;
  margin-bottom:20px;

}

.experienceWrap .col-md-6:first-child .btn {
  width:75%;
  text-align:left;
  background-color:#666;
  color:white;
  padding:8px 22px;
  border-radius:5px;
}

.experienceWrap .col-md-6:first-child .btn img {
  float:left;
}

.experienceWrap .col-md-6:first-child .btn span {
  display:inline-block;
  float:right;
  width:70%;
  text-align:center;
  margin-top:15px;
  font-size:2rem;
}

.experienceWrap .col-md-6 div:first-child h3 {
  font-family: 'Poppins', sans-serif;
  font-weight:900;
  color:#010161;
  margin-bottom:3px;
}

.experienceWrap .col-md-6 div:first-child strong {
  color:#666;
  font-size:1.8rem;
}











/* Footer */
.site-footer-h3 {
  background:black;
}

.main-footer-h3 {
  padding-top:80px;
  padding-bottom:20px;
}

#site-footer .copyrightText {
  margin-top:80px;
  margin-bottom:10px;
  font-size:1.5rem;
}

#site-footer .topbar-left i {
  color:#999;
}

.footer-bottom ul li {
  color:white;
}

.widget-footer li a {
  text-decoration:none;
}

#page .widget-footer li:hover a {
  text-decoration:underline;
  color:white;
}

.footer-bottom-h3 {
  background:#333;
}

.footer-bottom-h3 li a {
  color:white;
}

.footer-bottom-h3 li:hover a {
  text-decoration:none;
}

#site-footer .col-md-3:last-child .btnDiv {
  text-align:left;
}

#site-footer .col-md-3:last-child .btnDiv .btn {
  background-color:#ccc;
  color:#010161;
  margin-left:30px;
}

#back-to-top {
  background:none;
  border:0;
  color:white;
}

.btn-back-to-top i {
  color:#999;
}


/* Contact Us */
.page-title {
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
}

.breadcrumbs li {
  color:white;
}

.breadcrumbs li a {
  color:#b7b7b7;
  text-decoration:none;
}

.breadcrumbs li a:hover {
  color:#b7b7b7;
  text-decoration:underline;
}

.text-primary {
  color:#999;
}

.contact-info h2 {
  color:#010161;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
}

.contact-info h2 span {
  color:#999;
}

.contact-info i {
  color:#010161;
}

.contact-info a {
  color:#010161;
  font-weight:bold;
  text-decoration:underline;
}

.form-contact h3 {
  color:#010161;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  
}

.contact_us .thankYouSection a {
  color:#010161;
  text-decoration:underline;
}

.contact_us .thankYouSection strong {
  color:#010161;  
}

.contact_us .thankYouSection h4 {
  font:bold 2.6rem 'Poppins', sans-serif;
  color:#010161;
}

.contact_us .map iframe {
  display:block;
  min-height:500px;
  width:100%;
}


/* Services - Structural Fabrication */
h2 {
  font-family: 'Poppins', sans-serif;
}

.widget-title {
  border-color:#010161;
}

.widget-nav-menu .current-menu-item a, .primary-sidebar .widget_categories .current-menu-item a {
    color: white;
    background-color: #010161;
    text-decoration:none;
}

.widget-nav-menu a{
  text-decoration:none;
}

.widget-nav-menu a:hover {
    color: white;
    background-color: #010161;
}

strong {
  color:#010161;
}

a, a:hover {
  text-decoration:underline;
  color:#010161;
}

.servicesOverview h3 {
  font-size:2.4rem;
  font-weight: bold;;
  margin-bottom:10px;
}


/* Photos */
.photos #filters a {
  color:#010161;
}

[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {
  background: rgba(87, 159, 255, 0.4);
}






/* Responsive */
@media(max-width:1600px) {
  .slider .slider-content h1 {
    font-size:7rem;
  }
}


@media(max-width:1400px) {
  .header-info-2 ul li {
    padding:15px;
  }

  /*   .main-navigation > ul > li.menu-item-has-children > a:after {
    display:none;
  } */

  .navigation-style-2 > ul {
    display:block;
    width:100%;
    text-align:center;
  }

  .navigation-style-2 > ul > li {
        padding: 2px 20px;
  }

  .navigation-style-2 > ul > li a {
    padding: 19px 8px;
  }

  .slider .slider-content h1 {
    font-size:6.5rem;
  }

  .header-btn-2 .social {
    display:none;
  }

  .header-info-2 .social {
    display:inline-block;
  }


}


@media(max-width:1300px) {
  .header-info-2 ul li {
    padding:8px 15px;
  }

  .slider .slider-content {
    top:120px;
  }

  .slider .slider-content h1 {
    font-size:6.5rem;
  }

  .slider .slide1 .btnDiv .btn {
    margin-right:20%;
  }


}


@media(max-width:1280px) {
  .navigation-style-2 > ul > li {
        padding: 2px 10px;
  }

  .slider .slider-content h1 {
    font-size:6rem;
  }


}


@media(max-width:1200px) {
  .slider .slider-content h1 {
    font-size:5.3rem;
  }
}


@media(max-width:1060px) {
  .navigation-style-2 > ul > li {
        padding: 2px 6px;
  }

  .navigation-style-2 > ul > li a {
    padding: 19px 6px;
  }
}


@media(max-width:1034px) {
  .slider .slider-content {
    top:100px;
    padding:0 8%;
  }

  .slider .slider-content h1 {
    font-size:5rem;
  }

  .slider .slide1 .btnDiv .btn {
    margin-right:20%;
  }
}







@media(max-width:991px) {
  .slider .slider-content h1 {
    font-size:4.5rem;
  }

  .slider .slider-content h1 br {
    display:none;
  }


  .projects-list {
    width:100%;
  }

  .projects-list .project-item {
    width:70%;
    margin-left:auto;
    margin-right:auto;
  }

  .projects-list .project-item img {
    width:100%;
  }

  .experienceWrap .col-md-6:first-child {
    margin-bottom:60px;
  }

  .experienceWrap .col-md-6:first-child ul li {
    text-align:center;
  }

  .experienceWrap .col-md-6:first-child .btn {
    max-width:400px;
  }

  #site-footer .col-md-3:last-child .btnDiv .btn {
    margin-left:0;
  }

  .coreServices {
    background-size:100%;
    background-image:url('images/steel-background-vert-repeat991.jpg');
    background-repeat:repeat-y;
  }




}


@media(max-width:900px) {
  .slider .slider-content h1 {
    margin-bottom:20px;
    font-size:4.5rem;
  }

  .slider .slider-content h1 {
    font-size:4rem;
  }


  .slider .slider-content .btnDiv {
    text-align:left;
  }

  .slider .slide1 .btnDiv .btn {
    margin-right:0;
  }




}


@media(max-width:800px) {
  .slider .slider-content {
    top:0;
    padding-top:10%;
  }

  .slider .slider-content h1 {
    font-size:3.8rem;
  }

  .slider .slider-content .btn {
    display:inline-block;
    padding:10px 16px;
  }

}


@media(max-width:767px) {
  .coreServices .services-box-3:after {
    clear:both;
    display:block;
    content:"";
  }

  .coreServices .services-box-3 .iconMobile {
    display:block !important;
    float:left;
    width:70px;
    text-align:center;
  }

  .coreServices .services-box-3 .iconMobile img {
    display:inline-block;
    width:auto;
    height:50px;
  }

  .coreServices .services-content {
    display:inline-block;
    float:right;
    width:87%;
    position:relative;
  }
  

  .coreServices .services-box-3 .services-icon {
    display:none;
  }

  .coreServices .services-box-3 h4 {
    display:inline-block;
    width:100%;
    margin:0;
    margin-top:10px;
  }

  .coreServices .services-box-3 h4 a {
    display:inline-block;
    font-size:3rem;
  }

  .coreServices .services-box-3 h4 br {
    display:none;
  }


  .coreServices .services-box-3 {
    padding:20px;
  }

  .services-box-3 .view-detail {
    position:absolute;
    right:10px;
  }




}

@media(max-width:700px) {
    .coreServices .services-content {
      width:86%;
    }
}




@media(max-width:630px) {
  .slider .slider-content {
    padding-top:40px;
  }

  .slider .slider-content h1 {
    font-size:3.4rem;
  }

    .coreServices .services-content {
      width:83%;
    }


}


@media(max-width:576px) {
  .slider .slider-content h1 {
    font-size:3rem;
  }

  .viewPhotoDiv a.text-white {
    padding:0;
    text-align:left;
  }

  .projects-list .project-item {
    width:90%;
  }

  .coreServices .services-content {
    width:82%;
  }

  .coreServices .services-box-3 h4 a {
    font-size:2.4rem;
  }


}



@media(max-width:480px) {
  .slider .slider-content {
    padding:25px 40px;
  }

  .slider .slider-content h1 {
    font-size:2.2rem;
  }

  .slider .slide1 .btnDiv .btn {
    padding:6px 8px;
    font-size:1.2rem;
  }


  .coreServices .services-box-3 .iconMobile {
    width:40px;
  }

  .coreServices .services-box-3 .iconMobile img {
    height:38px;
  }



  .coreServices .services-content {
    width:83%;
  }

  .coreServices .services-box-3 h4 a {
    font-size:1.8rem;
  }



}


@media(max-width:400px) {
  .slider .slider-content {
    padding:20px 30px;
  }
  
  .slider .slider-content h1 {
    font-size:1.65rem;
    margin-bottom:15px;
  }

  .slider .slide1 .btnDiv .btn {
    font-size:1.2rem;
  }

  .experienceWrap .col-md-6:first-child .btn {
    text-align:center;
  }

  .experienceWrap .col-md-6:first-child .btn img, .experienceWrap .col-md-6:first-child .btn span {
    float:none;
  }

  .experienceWrap .col-md-6:first-child .btn span {
    width:100%;
  }

  .experienceWrap .col-md-6:first-child .btn span {
    display:block;
  }

  .ourStory h2 {
    font-size:3.8rem;
  }

  .ourStory h2 br {
    display:none;
  }

  .coreServices .services-box-3 .iconMobile {
    width:30px;
  }

  .coreServices .services-box-3 .iconMobile img {
    height:34px;
  }

  .coreServices .services-content {
    width:83%;
  }

  .coreServices .services-box-3 h4 {
    margin-top:5px;
  }

  .coreServices .services-box-3 h4 a {
    font-size:1.6rem;
  }

  .services-box-3 .view-detail {
    right:5px;
  }

  .services-box-3 .view-detail i {
    font-size:1.8rem;
  }


}


@media(max-width:340px) {
  .services-box-3 .view-detail {
    display:none;
  }

}