/*
Theme Name: Induscity Child
Theme URI: http://steelthemes.com/induscity
Author: Steelthemes
Author URI: http://steelthemes.com
Description: Industry / Factory / Engineering and Construction Business WordPress Theme
Version: 1.0.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: induscity
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: induscity
*/
@import url("style.css");
/* =Theme customization starts here
------------------------------------------------------- */
/*$bluecolor: #123499;*/
h1, h2, h3, h4, h5, h6, p, body {
  color: #000000; }

p, body {
  font-weight: 400; }

@media (max-width: 1024px) {
  .backtotop {
    bottom: 100px; } }

/*************************************************************
                      HEADER
**************************************************************/
.header-v4 .topbar {
  background-color: #192841;
  color: #fff;
  padding-bottom: 10px;
  padding-top: 7px; }

.header-v4 .induscity-office-location-widget .topbar-office li:before {
  background-color: #fff; }

.header-v4 .main-nav ul.menu > li:not(.mf-active-menu) {
  padding: 27px 19px !important; }

@media only screen and (max-width: 1199px) {
  .header-v4 .main-nav {
    padding: 0px 0 !important; } }

.header-v4 .main-nav ul.menu > li:hover > a {
  color: #ed1f28; }

@media only screen and (max-width: 1199px) {
  .header-v4 .header-main {
    padding: 0px 0; } }

@media only screen and (max-width: 991px) {
  .site-header .logo img {
    width: 170px; } }

.main-nav ul ul {
  border-top: 4px solid #1b5478;
  margin-top: 23px;
  background-color: #e7e8e9; }

.main-nav li li a {
  font-weight: 500;
  color: #000; }

.main-nav li li:hover > a {
  color: #ed1f28; }

.main-nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega > a {
  color: #1b5478;
  font-weight: 600; }

.main-nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega > a:hover {
  color: #1b5478; }

.primary-nav > ul.menu > li.mf-active-menu {
  background-color: #1b5478; }

.header-v4 .main-nav ul.menu > li.current-menu-ancestor > a {
  color: #1b5478; }

.header-v4 .main-nav ul.menu > li.current-menu-item > a {
  color: #1b5478; }

.primary-mobile-nav ul.menu li.current-menu-item > a {
  color: #ed1f28; }

.primary-mobile-nav ul.menu li.active > a {
  color: #ed1f28; }

.header-v3 .mf-header-item-button, .header-v4 .primary-nav ul.menu li.menu-item-search {
  display: none; }

.mf-button a {
  color: #fff; }

/*------------------- PAGE HEADER ---------------------------*/
.page-header .page-header-content {
  padding-top: 35px;
  padding-bottom: 30px;
  /*    @media only screen and (max-width: 600px) {
          padding-top: 60px;
      }*/ }

.page-header h1 {
  font-size: 25px;
  padding-bottom: 0px;
  font-weight: 600; }
  @media only screen and (max-width: 991px) {
    .page-header h1 {
      font-size: 23px; } }

.page-header.has-image h1 {
  color: #000; }

.page-header.has-image .breadcrumbs {
  color: #ed1f28; }
  .page-header.has-image .breadcrumbs a {
    color: #000; }
  .page-header.has-image .breadcrumbs i {
    color: #000; }

.page-header .featured-image:after {
  background-color: rgba(231, 232, 233, 0.3); }

/*-----------------------------------------------------------*/
/*************************************************************
		              BODY CONTENT
**************************************************************/
.site-contact {
  padding-top: 35px;
  padding-bottom: 35px; }

.topsect {
  padding: 30px 0 35px 0;
  /*@media only screen and (max-width: 1199px) {
      padding: 50px 0 50px 0;
  }*/ }
  .topsect h1 {
    margin-bottom: 10px;
    font-size: 25px; }
  .topsect hr {
    margin-top: 0px;
    width: 3%;
    float: left;
    border-top: 1px solid #000; }

.main-color {
  color: #26619B; }

.mf-section-title h3 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 20px; }
  @media only screen and (max-width: 767px) {
    .mf-section-title h3 {
      font-size: 18px; } }
.mf-section-title h2 {
  font-weight: 700;
  font-size: 32px; }
  @media only screen and (max-width: 767px) {
    .mf-section-title h2 {
      font-size: 30px; } }
.mf-section-title h2:after {
  background-color: #ed1f28; }

.small-quote {
  padding-left: 23px;
  padding-top: 25px;
  padding-bottom: 20px;
  background-image: url(../png/white-quote.png);
  background-repeat: no-repeat;
  background-position-y: 10px;
  font-weight: 600;
  font-style: italic;
  background-size: 20px 20px; }
  .small-quote p {
    color: #fff; }

.check-list ul {
  padding-left: 20px; }
  .check-list ul li {
    padding-left: 33px !important;
    list-style-type: none;
    background-image: url(../png/check-icon.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position-x: left;
    background-position-y: 5px;
    font-size: 20px;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px !important;
    line-height: 1.1; }

.check-list-01 ul {
  padding-left: 20px; }
  .check-list-01 ul li {
    padding-left: 33px !important;
    list-style-type: none;
    background-image: url(../png/double-check.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position-x: left;
    background-position-y: 5px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px !important;
    line-height: 1.1; }

.check-list-02 ul {
  padding-left: 0px; }
  .check-list-02 ul li {
    padding-left: 38px !important;
    list-style-type: none;
    background-image: url(../png/double-check.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position-x: left;
    background-position-y: 5px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px !important;
    line-height: 1.1; }
    .check-list-02 ul li strong {
      color: #26619B;
      font-size: 24px; }

.quality {
  margin-top: -50px;
  padding: 15px 15px 15px 50px;
  background-color: #F7FAFC;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  border-radius: 3px;
  margin-left: 2px;
  margin-right: 2px; }
  .quality h3 {
    margin-top: 15px; }

.footer-cta h2 {
  color: #fff; }
.footer-cta p {
  color: #fff; }

.service-topsect h2 strong {
  color: #1b5478; }
.service-topsect h3 {
  font-size: 20px;
  color: #26619B;
  border-left: 3px solid #26619B;
  padding: 3px 0;
  padding-left: 10px;
  font-style: italic;
  margin: 20px 0; }
.service-topsect p {
  font-size: 18px; }

.service-subsect {
  background-color: #deebeb;
  padding: 10px 15px; }
  .service-subsect h2 {
    background-color: #1b5478;
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }

.service-list ul {
  padding-left: 0px;
  border-bottom: 1px solid #e7e8e9;
  margin: 0 0 10px 20px !important;
  padding-bottom: 10px; }
  .service-list ul li {
    padding-left: 25px !important;
    list-style-type: none;
    background-image: url(../png/arrow-icon.png);
    background-repeat: no-repeat;
    background-size: 21px 21px;
    background-position-x: left;
    background-position-y: 5px;
    line-height: 1.2;
    padding-top: 5px;
    padding-bottom: 5px; }
    .service-list ul li strong {
      color: #1b5478;
      font-size: 20px;
      font-weight: 700; }

blockquote::before {
  color: #26619B; }

blockquote {
  font-size: 18px; }
  blockquote p {
    font-weight: 500; }

.services ul {
  padding-left: 20px; }
  .services ul li {
    padding-left: 33px !important;
    list-style-type: none;
    background-image: url(../png/services.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position-x: left;
    background-position-y: 3px;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.1;
    color: #26619B;
    font-size: 19px;
    margin-bottom: 10px !important; }

.bgbottomleft {
  background-position: bottom left !important;
  background: no-repeat; }

.sonyu-serv {
  text-align: center;
  transition: transform 750ms;
  will-change: transform;
  border: 1px solid #efefef;
  padding: 20px;
  background-image: url(../jpg/softblue_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  margin-bottom: 20px; }
  .sonyu-serv h2 {
    font-size: 24px;
    color: #26619B; }

.sonyu-serv:hover, .sonyu-serv:focus {
  transform: translateY(10px);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }

#subject {
  height: auto !important; }

/*------------------- COUNTER FEATURES -----------------------*/
.mf-counter.columns-1 {
  background-color: transparent;
  border: 1px solid transparent; }

.mf-counter.columns-1 .counter-wrapper {
  border-bottom: 0px solid #181818; }

.mf-counter .counter-content .counter {
  font-size: 60px !important;
  color: #fff;
  line-height: 1.0; }
  @media only screen and (max-width: 1199px) {
    .mf-counter .counter-content .counter {
      font-size: 50px !important; } }

.mf-counter .counter-content .title {
  color: #fff; }

/*------------------- BUTTONS STYLE -------------------------*/
.mf-contact-box .contact-info i {
  color: #1b5478; }

.mf-contact-box .contact-info span {
  color: #1b5478;
  text-transform: uppercase;
  font-weight: 700; }

.mf-btn {
  background-color: #26619B;
  font-weight: 600;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }

.mf-btn:hover,
.mf-btn:focus,
.mf-btn:active {
  color: #fff;
  background-color: #1b5478; }

.wpcf7-form input[type="submit"] {
  background-color: #26619B;
  font-weight: 600;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:focus,
.wpcf7-form input[type="submit"]:active {
  color: #fff;
  background-color: #1b5478; }

/*------------------- BOXES LAYOUT --------------------------*/
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.bg-no-repeat {
  background-repeat: no-repeat !important; }

.bg-center {
  background-position: center !important; }

.bg-cover {
  background-size: cover !important; }

.full_width_boxes .box {
  text-align: center;
  padding: 10px 15px 30px;
  min-height: 400px;
  transition: .3s;
  overflow: hidden; }
  .full_width_boxes .box .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .5s; }
    .full_width_boxes .box .img:before {
      content: ' ';
      background: rgba(27, 84, 120, 0.5);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0; }
  .full_width_boxes .box:hover .img {
    transform: scale(1.2); }
  .full_width_boxes .box .content {
    padding-top: 150px;
    z-index: 1;
    position: relative; }
  .full_width_boxes .box .heading {
    color: white;
    font-size: 35px;
    margin: 0 0 10px;
    font-weight: bold;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.52);
    font-family: 'Hind', sans-serif; }

.custom-btn {
  background-color: #26619B;
  color: #fff;
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }

.custom-btn:hover,
.custom-btn:focus,
.custom-btn:active {
  color: #fff;
  background-color: #1b5478; }

/*------------------- HISTORY TIMELINE -----------------------*/
.timeline {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 15px 0; }

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #006E51;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px; }

.cont-box {
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 50%; }

.cont-box.left-box {
  left: 0; }

.cont-box.right-box {
  left: 50%; }

.cont-box::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: -8px;
  background: #ffffff;
  border: 2px solid #006E51;
  border-radius: 16px;
  z-index: 1; }

.cont-box.right-box::after {
  left: -8px; }

.cont-box::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  top: calc(50% - 1px);
  right: 8px;
  background: #006E51;
  z-index: 1; }

.cont-box.right-box::before {
  left: 8px; }

.cont-box .date_time {
  position: absolute;
  display: inline-block;
  top: calc(50% - 17px);
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1; }

.cont-box.left-box .date_time {
  right: -70px; }

.cont-box.right-box .date_time {
  left: -70px; }

.cont-box .iconb {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 9px 0;
  top: calc(50% - 20px);
  background: #F6D155;
  border: 2px solid #26619B;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #26619B;
  z-index: 1; }

.cont-box.left-box .iconb {
  right: 56px; }

.cont-box.right-box .iconb {
  left: 56px; }

.cont-box .content_t {
  padding: 30px 90px 30px 30px;
  background: #F6D155;
  position: relative;
  border-radius: 0 500px 500px 0; }

.cont-box.right-box .content_t {
  padding: 30px 30px 30px 90px;
  border-radius: 500px 0 0 500px; }

.cont-box .content_t h2 {
  margin: 0 0 7px 0;
  font-size: 18px;
  font-weight: normal;
  color: #26619B;
  font-weight: 600; }

.cont-box .content_t p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #000000; }

@media (max-width: 767.98px) {
  .timeline::after {
    left: 90px; }

  .cont-box {
    width: 100%;
    padding-left: 100px;
    padding-right: 0px; }

  .cont-box.right-box {
    left: 0%; }

  .cont-box.left-box::after,
  .cont-box.right-box::after {
    left: 82px; }

  .cont-box.left-box::before,
  .cont-box.right-box::before {
    left: 100px;
    border-color: transparent #006E51 transparent transparent; }

  .cont-box.left-box .date_time,
  .cont-box.right-box .date_time {
    right: auto;
    left: 15px; }

  .cont-box.left-box .iconb,
  .cont-box.right-box .iconb {
    right: auto;
    left: 110px; }

  .cont-box.left-box .content_t,
  .cont-box.right-box .content_t {
    padding: 30px 5px 30px 60px;
    border-radius: 500px 0 0 500px; } }
/*-----------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output {
  margin: 5em 0.5em 1em; }
  @media only screen and (max-width: 991px) {
    .wpcf7 form .wpcf7-response-output {
      margin: 0em 0.5em 1em; } }

/*************************************************************
                    WOOCOMMERCE
**************************************************************/
.woocommerce div.product .woocommerce-product-details__short-description {
  margin-top: -40px; }

.woocommerce button.button {
  top: 170px;
  background-color: #26619B;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }

.woocommerce button.button:hover,
.woocommerce button.button:active,
.woocommerce button.button:focus {
  background-color: #1b5478;
  color: #fff; }

.woocommerce div.product .woocommerce-tabs .panel h2 {
  display: none; }

.td-label-01 {
  background-color: #DEEBEB;
  padding: 7px 10px;
  font-weight: 600; }

.td-label-02 {
  padding: 7px 10px; }

@media only screen and (max-width: 600px) {
  .woocommerce div.product .woocommerce-tabs {
    margin-top: 100px; } }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #26619B;
  font-weight: 600; }

.woocommerce .widget_product_categories ul {
  border-left: 2px solid #E71E26; }

.woocommerce .widget_product_categories ul li {
  color: #000; }

.woocommerce .widget_product_categories li:hover {
  color: #E71E26; }

.woocommerce .widget_product_categories li:hover > a {
  color: #E71E26; }

.widget .widget-title {
  font-weight: 600;
  margin: 0px 0 10px;
  color: #26619B; }

.woocommerce nav.woocommerce-pagination ul .page-numbers:hover, .woocommerce nav.woocommerce-pagination ul .page-numbers.current {
  background-color: #26619B;
  border-color: #26619B;
  color: #ffff; }

.woocommerce ul.products li.product .woocommerce-loop-product__link .product-icon {
  background-color: #E71E26; }

.mf-heading-primary:after {
  background-color: #E71E26; }

/*************************************************************
                      FOOTER
**************************************************************/
.footer-widgets {
  background-color: #F7FAFC;
  padding-top: 50px;
  padding-bottom: 30px; }

.widget_mf-custom-menu .custom-menu-area .custom-menu {
  width: 100%; }

#custom_html-7 {
  color: #000; }

/*.footer-widgets ul li {
	a {
		color: #000;
	}

	a:hover, a:active, a:focus {
		color: $bluecolor;
	}
}
*/
.footer-widgets ul li:hover:before {
  background-color: #26619B; }

.footer-widgets ul li > a {
  color: #000;
  font-weight: 500; }

.footer-widgets ul li:hover > a {
  color: #ed1f28; }

.footer-widgets .widget-title {
  color: #1b5478;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px; }

.footer-widgets .widget-title:after {
  background-color: #ed1f28; }

.footer-widgets .footer-widget-contact .detail i {
  color: #1b5478; }

.footer-widgets .footer-widget-contact .detail span {
  color: #1b5478;
  font-weight: 700; }

.site-footer {
  background-color: #192841; }

.site-footer .footer-info > div {
  font-size: 14px;
  color: #fff; }

/*# sourceMappingURL=style.css.map */