/*

Theme Name: Fitweld Engineering
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
/**

 * Table of Contents

 *

 * 1.0 - Normalize

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigation

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Widgets

 * 11.0 - Content

 *    11.1 - Header

 *    11.2 - Posts and pages

 *    11.3 - Post Formats

 *    11.4 - Comments

 *    11.5 - Sidebar

 *    11.6 - Footer

 * 12.0 - Media

 *    12.1 - Captions

 *    12.2 - Galleries

 * 13.0 - Multisite

 * 14.0 - Media Queries

 *    14.1 - >= 710px

 *    14.2 - >= 783px

 *    14.3 - >= 910px

 *    14.4 - >= 985px

 *    14.5 - >= 1200px

 * 15.0 - Print

 */

/**

 * 1.0 - Normalize

 *

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */
.hero-slide-wrapper.hero-2 { display: none; }
html { margin: 0; padding: 0; }
body { color: #02101d; font-size: 15px; line-height: 26px; letter-spacing: 1px; font-family: 'Poppins', sans-serif; }
img { border: 0; max-width: 100%; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a, a:visited { text-decoration: none; }
a:hover, a:focus { color: #02101d; text-decoration: none; }
.container-fluid { float: left; padding: 0; }
.container { max-width: 1300px; }
header.header-2 { position: relative; }
header { width: 100%; z-index: 9999; }
.top-header.d-md-block { display: none !important; }
header.header-2 .top-header::before { position: absolute; content: ""; height: 100%; background: #005EA1; width: 36%; -webkit-clip-path: polygon(0 0, 97% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 97% 0, 100% 100%, 0% 100%); top: 0; left: 0; }
header.header-2 .top-header { background-color: #000; position: relative; z-index: 1; padding: 10px 50px; }
header.header-2 .top-header .header-cta ul { margin: 0; padding: 0; }
header.header-2 .top-header .header-cta ul li::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; width: 2px; height: 20px; right: 0; }
header.header-2 .top-header .header-cta ul li { display: inline-block; padding-right: 25px; position: relative; margin-right: 0; }
header.header-2 .top-header .header-cta ul li a { display: inline-block; font-weight: 500; }
.header-logo img { max-width: 215px; }
header.header-2 .top-header .header-cta ul li a i { margin-right: 5px; }
header.header-2 .top-header .header-cta ul li:last-child::before { display: none; }
header.header-2 .top-header .header-right-cta { color: #5397e3; }
.header-cta ul li a { color: #fff; }
.header-cta ul li a:hover { color: #000; transition: all 0.5s; }
header.header-2 .top-header .header-right-cta .social-profile a { color: #fff; margin-left: 15px; font-size: 13px; }
.social-profile.mr-30 a i { font-weight: 500; font-size: 16px; position: relative; top: 1px; }
header.header-2 .main-header-wraper { background-color: #000; /*position: absolute; */ padding: 5px 50px; border-top: 2px solid #000; }
header.header-2 .main-menu ul { line-height: 1; }
header.header-2 .main-menu ul > li { display: inline-block; line-height: 1; margin: 0; font-weight: 400; text-transform: uppercase; position: relative; }
header.header-2 .main-menu ul > li > a { display: inline-block; font-size: 17px; text-transform: capitalize; line-height: 1; padding: 34px 20px; overflow: hidden; color: #fff; font-weight: 600; position: relative; }
.theme-btn { color: #fff; padding: 16px 30px; border-radius: 5px; font-size: 14px; background-color: #005EA1; border: 2px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; font-weight: bold; }
/*
.hero-2 .single-slide::before, .hero-2 .single-slide::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #000; z-index: -1; opacity: 0.3; }
.hero-2 .single-slide { z-index: 1; height: 600px; background-size: cover; background-position: center center; display: flex; align-content: center; align-items: center; justify-content: center; position: relative; }
.hero-contents h1 { color: #fff; font-size: 55px; font-weight: 900; line-height: 120%; margin-top: -10px; text-transform: capitalize; text-shadow: 1px 2px 3px #005EA1; }
.hero-contents p { color: #fff; font-weight: 500; font-size: 18px; margin-top: 20px; margin-bottom: 50px; }
.theme-btn.minimal-btn { color: #211e3b; border: 2px solid #fff; background: transparent; -webkit-box-shadow: inherit; box-shadow: inherit; }
.hero-2 .single-slide .hero-contents a { margin-top: 35px; margin-right: 20px; color: #fff; }
*/
.fixed-header .main-menu ul > li > a { color: #000 !important; }
.logo-fixed { display: none; }
.fixed-header .logo-regular { display: none; }
.fixed-header .logo-fixed { display: block; }
.cistomer_clients { float: left; width: 100%; }
.gs_logo_single--inner img { width: 200px; height: 150px; object-fit: contain; border: 1px solid #dddddda3; }
.client-section { padding: 50px 0 70px 0; }
.client-section .bloh-heading { margin: 0 auto; }
.gs_logo_title { font-weight: 600 !important; }
.main-header-wraper.fixed-header { background: #fff !important; }
/*.main-menu ul li a::after { width: 50px; height: 50px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; border-radius: 100%; content: ""; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; background-color: #ffffff57; }
.main-menu ul li a:hover::after { background-color: #005EA147; -webkit-transform: scale(1); transform: scale(1); }*/
header.header-2 .main-menu ul { margin: 0; }
.social-profile.mr-30 ul li { display: inline-block; }
.header-cta li { color: #fff; font-size: 14px; }
.header-cta ul li i { margin-right: 8px; }
.theme-btn:hover { background: transparent; transition: all 0.5s; }
.header-menu.d-none.d-xl-block { float: right; }
header.header-2 .main-menu ul > li > a:hover { color: #fff; transition: all 0.5s; }
header.header-2 .top-header .header-right-cta .social-profile a:hover { color: #005EA1; transition: all 0.5s; }
header.header-2 .top-header .header-right-cta .social-profile a:hover i { color: #fff; }
.hlogos { padding: 0; }
.hmensu { padding-right: 0; }
.main-menu .current_page_item a::after { background-color: #005EA147; -webkit-transform: scale(1); transform: scale(1); }
/* about us */
.layout_padding { padding: 100px 0; background: #f7f4f1; }
.about_section .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.heading_container { display: flex; flex-direction: column; align-items: flex-start; }
.about_section .detail-box p { color: #000; margin-top: 28px; font-size: 15px; line-height: 28px; }
.about_section .detail-box a:hover { background-color: transparent; color: #000; }
.about_section .img-box { position: relative; }
.imges { width: 100%; height: 438px; z-index: 999; position: relative; background-repeat: no-repeat; background-size: cover; }
.about_section .img-box::before { content: ""; position: absolute; top: 16%; width: 45px; height: 70%; background-color: #005EA1; z-index: 3; right: -20px; }
.about_section .img-box::after { content: ""; position: absolute; top: 16%; width: 45px; height: 70%; background-color: #005EA1; z-index: 3; left: -20px; }
.detail-box { margin-right: 35px; }
.heading_container h2 span { color: #005EA1; }
.container-fluid.footer-section { background: #000; padding: 60px 0; }
.menu-txt h4 { color: #fff; }
.menu-txt h4::before { content: ''; position: absolute; left: 14px; bottom: -10px; background-color: #5d8c86; height: 2px; box-sizing: border-box; width: 63px; top: 38px; }
.about-us { margin-top: 43px; }
.about-us p { color: #fff; }
.heading_container h2 { position: relative; margin-bottom: 0; font-size: 33px; font-weight: 700; }
/* */
.heading_container h2 { text-align: center; letter-spacing: 0.5px; }
.heading_container h2::before { content: ""; display: block; clear: both; width: 100px; height: 2px; background: #333D52; float: left; margin-top: 23px; margin-right: 16px; }
.buttons a { color: #FFF; padding: 12px 30px; border-radius: 5px; font-size: 14px; background-color: #000; border: 2px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; font-weight: bold; }
.buttons a:hover { background: transparent; transition: all 0.5s; }
.buttons { margin-top: 40px; }
.bloh-heading h1 { font-weight: 700; text-transform: capitalize; font-size: 40px; margin-bottom: 60px; }
.bloh-heading { text-align: center; }
.bloh-heading p { max-width: 1000px; margin: 0 auto; font-size: 15px; }
.circleservice .bloh-heading h1 { margin-bottom: 20px; }
.circleservice .bloh-heading { margin-bottom: 50px; }
/* services box start */
.single-service-vcard { text-align: center; position: relative; padding: 0px 15px 0px 15px !important; margin-top: 0px; height: 100%; }
.single-service-vcard .link { border-width: 2px; border-color: #005EA1; border-style: solid; border-radius: 5px; width: 40px; height: 40px; color: #086ad7; text-align: center; line-height: 36px; font-size: 14px; display: inline-block; float: right; margin-top: -10px; }
.content { margin-top: 12px; }
.single-service-vcard .icon { font-size: 55px; color: #005EA1; margin-top: 5px; margin-bottom: 30px; }
.single-service-vcard .content h3 { font-size: 19px; margin-bottom: 10px; font-weight: bold; }
.single-service-vcard:hover .link { border-color: #005EA1; background-color: #005EA1; color: #fff; }
.single-service-vcard:hover .link i { color: #fff; }
.content p { font-size: 14px; line-height: 26px; }
.single-service-vcard a i { line-height: 35px; color: #005EA1; font-size: 16px; }
.circleservice { padding: 80px 0 70px 0; background: #f7f4f1; }
/* service box end */
/*contact-section*/
.new-loremtxt h2 a:hover { color: #005EA1; transition: all 0.5s; }
.icon-section li { font-weight: 500; }
.contect-title p { color: #005EA1; margin-bottom: 15px; font-weight: 700; font-size: 15px; line-height: 1; text-transform: uppercase; }
.contect-title h4 span { color: #005EA1; }
.contact-txt h1 { display: block; font-size: 35px; line-height: 42px; font-weight: 700; text-transform: capitalize; letter-spacing: -1px; }
.contact-txt p { font-size: 16px; line-height: 27px; letter-spacing: -.2px; color: #333; margin-top: 15px; }
.contact-icon { margin-bottom: 26px; }
.icon-section ul { padding: 0; display: flex; align-items: center; }
.icon-section ul li { list-style: none; display: inline-block; margin-right: 22px; }
.icon-section ul li i { font-size: 19px; color: #fff; background-color: #005EA1; border-radius: 6px; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; }
.icon-section ul li a { font-size: 17px; color: #000; text-decoration: none; font-weight: 500; line-height: 32px; }
.contact-form { margin-top: 39px; }
.contact-form input { width: 100%; padding: 23px 13px; margin-bottom: 4px; }
.form-control:focus { color: #495057; background-color: #fff; border-color: none; outline: 0; box-shadow: none; }
.sub-btn { padding: 0; }
.sub-btn input { border-radius: 5px; color: #fff; background: #005EA1; padding: 10px 27px; border: 1px solid #005EA1; text-decoration: none; width: 100%; display: block; text-align: center; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
.sub-btn input:hover { color: #005EA1; transition: all 1s; background: transparent; }
.contact-section { width: 100%; background-position: center; padding: 100px 0 55px 0; display: flex; background-repeat: no-repeat; background-size: cover; position: relative; justify-content: center; align-items: center; background-image: url("https://fitweldengineering.com.au/wp-content/uploads/2025/01/map-pattern.png"); background-color: #eef4fca3; }
.f2 { padding-left: 60px; }
.form-control::placeholder {
 font-size: 14px;
}
.services_single_title h2::after { background-color: #000; content: ""; display: block; height: 3px; margin: 15px 3px; width: 120px; }
.f22 { padding-left: 105px !important; }
.services_single_title h2 { color: #232323; padding: 0; margin-bottom: 25px; font-size: 28px; font-weight: 600; }
.form-group textarea { height: 100px; padding: 15px 15px; }
/*contact-section-end*/
/* footer css start */
footer { float: left; width: 100%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; }
.footerpart { float: left; width: 100%; padding-top: 60px; padding-bottom: 0px; }
footer::before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; content: ""; opacity: .9; }
.flogo { float: left; width: 100%; }
.flogo img { max-width: 250px; background: #eee; padding: 10px; }
.footerpart h1 { position: relative; font-size: 18px; font-weight: 600; color: #ffffff; line-height: 30px; padding-left: 25px; margin-bottom: 18px; }
.footerpart h1::before { position: absolute; left: 0; top: 0; font-size: 16px; line-height: 30px; color: #005EA1; font-weight: 400; content: "\f141"; font-family: "FontAwesome"; transform: rotate(90deg); }
.footermenu ul li a { position: relative; }
.f1 .fabcontent p { color: #fff; line-height: 24px; font-size: 14px; margin: 0; }
.footer-menu li { list-style: none; display: inline-block; margin-bottom: 10px; width: 100%; position: relative; }
.f2 li a { color: #fff; font-size: 14px; transition: 0.5s all; }
.footeraddress li { position: relative; margin-left: 35px; list-style: none; display: inline-block; margin-bottom: 12px; width: 100%; }
.footeraddress i { position: absolute; left: -30px; top: 3px; width: 30px; height: 30px; color: #005EA1; font-size: 20px; }
.footeraddress li a:hover { color: #005EA1; }
.footerpart .fnewsleetter input[type="email"] { border: 0; padding: 6px 8px; width: 60%; float: left; }
.footerpart .fnewsleetter input[type="submit"] { background: linear-gradient(90deg, rgb(0, 123, 255) 0%, rgb(0, 212, 255) 100%); border: 0; width: 40%; padding: 6px 0; text-align: center; color: #fff; transition: 0.3s; cursor: pointer; background-size: 100% 100%; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
.footerpart .fnewsleetter input[type="submit"]:hover { background: linear-gradient(90deg, rgb(0, 123, 255) 0%, rgb(0, 212, 255) 100%); color: #fff; background-size: 150% 150%; }
.footeraddress li a { color: #fff; font-size: 14px; transition: 0.5s all; }
.footeraddress li { color: #fff; font-size: 14px; transition: 0.5s all; margin-bottom: 10px; }
.fabcontent { float: left; width: 100%; }
.fcpleft { padding: 0; }
.fnewsleetter { float: left; width: 100%; padding-top: 15px; }
.fnewslttr p { color: #fff; font-size: 14px; margin-bottom: 0px; line-height: 24px; }
.fcpytextinner::before { position: absolute; right: 100%; top: 0; height: 100%; width: 1038%; background-color: #005EA1; content: ""; }
.fcpytextinner { position: relative; }
.footermenu li { position: relative; display: block; padding-left: 3px; margin-bottom: 5px; }
.footer_social ul li i:hover { color: #005EA1; background: #fff; border-color: #fff; }
.footer_social ul li { display: inline; }
.footer_social ul li i { width: 40px; height: 40px; background: #005EA1; text-align: center; line-height: 38px; border-radius: 50%; color: #fff; border: 1px solid #005EA1; transition: all .5s; }
.fcopyrights { position: relative; border-top: 1px solid #222; float: left; width: 100%; margin-top: 45px; }
.fcpleft { padding: 0px; }
.fcpytext { position: relative; float: left; padding: 15px 26px; padding-right: 100px; background-color: #005EA1; }
.fcpleft { padding: 0 !important; }
.fcpytext p { position: relative; line-height: 30px; font-size: 14px; color: #fff; margin-bottom: 0px; font-weight: 500; }
.fcpytext::before { position: absolute; left: 100%; top: 0px; border-right: 40px solid transparent; border-bottom: 60px solid #005EA1; content: ""; }
.f2 li a:hover, .footermenu .current-menu-item a { color: #b5a9a9; }
.flogo_text { margin-top: 20px; }
.icon-section ul li a:hover { color: #005EA1; transition: all 0.5s; }
/* */
/* footer css End */
/* services */
.project_btns a:hover { color: #000; }
.our_services { float: left; width: 100%; margin: 20px 0 10px 0; padding: 70px 0 90px 0; }
.our_services .section__title-wrapper.mb-25 { text-align: center; float: left; width: 100%; }
.item-except { text-align: left; }
.grid-item-inner .item-body-back .item-icon { -webkit-transform: translateY(60px); -khtml-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); opacity: 0; -webkit-transition: all 300ms linear 90ms; -khtml-transition: all 300ms linear 90ms; -moz-transition: all 300ms linear 90ms; -ms-transition: all 300ms linear 90ms; -o-transition: all 300ms linear 90ms; transition: all 300ms linear 90ms; }
.grid-item-inner:hover .item-body-back .item-icon { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.grid-item-inner .item-body-back .item-except { -webkit-transform: translateY(60px); -khtml-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); opacity: 0; -webkit-transition: all 300ms linear 150ms; -khtml-transition: all 300ms linear 150ms; -moz-transition: all 300ms linear 150ms; -ms-transition: all 300ms linear 150ms; -o-transition: all 300ms linear 150ms; transition: all 300ms linear 150ms; }
.grid-item-inner:hover .item-body-back .item-except { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.item-featured { height: 400px; background-size: cover; background-position: center; }
.grid-item-inner::after { opacity: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#005EA1c9)); background-image: -webkit-linear-gradient(top, #000, #005EA1c9); background-image: -moz-linear-gradient(top, #000, #005EA1c9); background-image: -ms-linear-gradient(top, #000, #005EA1c9); background-image: -o-linear-gradient(top, #000, #005EA1c9); background-image: linear-gradient(top, #000, #005EA1c9); }
.grid-item-inner::after { content: ''; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; }
.grid-item-inner::before { opacity: .7; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000d6 60%)); background-image: -webkit-linear-gradient(top, transparent, #000000d6 60%); background-image: -moz-linear-gradient(top, transparent, #000000d6 60%); background-image: -ms-linear-gradient(top, transparent, #000000d6 60%); background-image: -o-linear-gradient(top, transparent, #000000d6 60%); background-image: linear-gradient(top, transparent, #000000d6 60%); }
.fabcontent .logo { max-width: 230px; margin-bottom: 25px; }
.grid-item-inner { overflow: hidden; }
.grid-item-inner { position: relative; }
.item-featured img { width: 100%; -webkit-transition: all .4s cubic-bezier(.39, .575, .565, 1)0s; -khtml-transition: all .4s cubic-bezier(.39, .575, .565, 1)0s; -moz-transition: all .4s cubic-bezier(.39, .575, .565, 1)0s; -ms-transition: all .4s cubic-bezier(.39, .575, .565, 1)0s; -o-transition: all .4s cubic-bezier(.39, .575, .565, 1)0s; transition: all .4s cubic-bezier(.39, .575, .565, 1)0s; }
.grid-item-inner .item-more { z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid-item-inner .item-body-back { position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 32px; z-index: 3; text-align: center; display: flex; flex-wrap: wrap; align-items: center; color: #fff; }
.grid-item-inner .item-body-front { position: absolute; left: 0; right: 0; bottom: 0; padding: 32px; z-index: 2; }
.grid-item-inner .item-icon i { font-size: 42px; color: #fff; }
.grid-item-inner:hover::before { opacity: 0; }
.grid-item-inner::before, .grid-item-inner::after { content: ''; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; }
.grid-item-inner:hover::after { opacity: 1; }
.item-body-front h3 { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 25px; letter-spacing: 1px; text-align: center; }
.iconcontent { float: left; width: 100%; padding: 30px 0; }
.item-except { text-align: center; }
.read a:hover { color: #000; }
.project_btns { text-align: center; margin: 80px auto 0 auto; float: left; width: 100%; }
.service-block { position: relative; }
.service-block .inner-box { position: relative; margin-bottom: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); height: 100%; }
.service-block .image::before { position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 10; }
.service-block .image { position: relative; overflow: hidden; }
.service-block .image .border-shape::after { background: #005EA1; }
.service-block .image .border-shape::after { position: absolute; content: ''; left: 20px; bottom: 0; right: 20px; height: 4px; transition: .5s; transform: scaleX(0); }
.service-block .image .border-shape::before { position: absolute; content: ''; left: 20px; bottom: 0; right: 20px; height: 4px; background: #fff; }
.service-block .image .border-shape { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; display: inline-block; }
.service-block .image img { width: 100%; }
.service-block .content { position: relative; text-align: center; padding: 20px 12px 5px; background: #fff; }
.service-block .content h3 { font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
.service-block .content h3 a { color: #181614; transition: .5s; }
.text { font-size: 15px; color: #000; line-height: 24px; font-weight: normal; }
.service-block .content .text { margin-bottom: 30px; }
.service-block .content .theme-btn { background-color: #005EA1; color: #fff; width: 50%; padding: 13px 20px; vertical-align: middle; border-radius: 5px; border: none; }
.btn-style-one { position: relative; display: inline-block; font-size: 15px; line-height: 24px; color: #fff; padding: 23px 60px; font-weight: 700; border-radius: 0; overflow: hidden; text-transform: uppercase; }
.btn-style-one span { position: relative; }
.service-block .inner-box:hover .image::before { -webkit-animation: circle .75s; animation: circle .75s; }
.service-block .inner-box:hover .image .border-shape::after { transform: scale(1); }
.service-block .image .border-shape::after { background: #005EA1; }
.service-block .content .btn-style-one::before { background-color: #005EA1; }
.btn-style-one:hover::before { width: 100%; }
.content:hover .theme-btn { color: #fff; text-decoration: none; background: #000; transition: all 0.5s; border-color: #000; }
.col-lg-4.col-md-6.service-block:hover .link a { background-color: #005EA1; transition: .8s; color: #fff; }
.service-block .content h3 a { letter-spacing: 1px; }
.newspage { background: -moz-linear-gradient(5deg, rgba(74, 74, 74,, 1) 0%, rgba(96,96,96,1) 45%, rgba(125,125,125,1) 100%); background: -webkit-linear-gradient( 5deg, rgba(74,74,74,1) 0%, rgba(96,96,96,1) 45%, rgba(125,125,125,1) 100%); background: -ms-linear-gradient(5deg, rgba(74,74,74,1) 0%, rgba(96,96,96,1) 45%, rgba(125,125,125,1) 100%); padding: 35px 0 65px 0; }
.simg { height: 240px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.newssections .buttons.project_btns { display: inherit; margin-top: 50px; }
/* page title */
.bloh-heading { margin-bottom: 60px; }
.gogole_map { margin-top: 25px; }
.contact-txt { margin-bottom: 25px; }
/* page banner section css start */
.page-banner-section { height: 350px; display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.banner_overlay { width: 100%; background: #000; height: 100%; position: absolute; opacity: .7; top: 0; left: 0; right: 0; }
.page-banner-section .sec-title { position: relative; display: block; text-align: center; float: left; width: 100%; margin-top: 32px; }
.page-banner-section .sec-title h1 { color: #fff; letter-spacing: 0px; font-size: 40px; font-weight: 700; margin: 0; }
/* About Page */
#about { float: left; width: 100%; position: relative; }
.about .container { padding-top: 90px; padding-bottom: 80px; }
.aboutright { padding: 0; align-self: center; }
.aimage { width: 100%; }
.aboutleft { padding: 0; align-self: center; }
.acontent { padding: 0px 10px 0px 60px; }
.apcontent { float: left; width: 100%; padding: 0; }
.apcontent h2 { color: #005EA1; font-size: 28px; line-height: 42px; margin-top: 10px; font-weight: 700; }
.acontent p { margin: 15px 0 18px 0; line-height: 26px; font-size: 15px; color: #000; }
.aboutleft_part .acontent { padding: 0px 60px 0px 0px; }
.bottom_about { margin-bottom: 100px; }
/* Our Services page */
.our_services_pages { margin: 120px 0; }
.defaultpage { margin: 120px 0; }
.our_projets .boxsdesign { margin-bottom: 35px; }
.row.about_part-row { align-items: center; }
/* */
/* slider css start*/
.trend_banner { padding: 0; }
.trend_banner .owl-theme .owl-nav { font-size: 25px; margin-top: 0 !important; }
.trend_banner .owl-prev:hover, .trend_banner .owl-next:hover { background: #fff !important; }
.trend_banner .owl-prev i, .trend_banner .owl-next i { font-size: 32px; line-height: 53px; display: inline-block; }
.trend_slider_text { position: relative; max-width: 90%; margin: 50px auto; top: 0px; }
.color_overlay { position: absolute; width: 100%; height: 100%; background: #000; left: 0; right: 0; top: 0; bottom: 0; opacity: .6; }
.trend_banner .owl-prev, .trend_banner .owl-next { color: #fff !important; font-size: 25px !important; height: 65px; width: 65px; background: #ffffff26 !important; text-align: center; line-height: 65px; border-radius: 50% !important; transition: all .5s; }
.owl-nav.disabled { display: block !important; }
.trend_banner .owl-prev { left: 30px; position: absolute; top: 50%; }
.trend_banner .owl-next { position: absolute; right: 30px; top: 50%; }
.trend_slider_content p { color: #fff; font-weight: 500; font-size: 18px; margin-top: 20px; margin-bottom: 50px; }
.first-logo-image { float: left; margin-right: 20px; }
.trend_logo a { width: 100%; }
.trend_slides h2 { padding: 16px 30px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 40px; font-weight: 900; line-height: 145%; text-transform: capitalize; text-shadow: 1px 2px 3px #005EA1; font-family: "Exo", sans-serif; }
.btn a { color: #fff; font-size: 18px; line-height: 60px; display: inline-block; padding: 0px 35px; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; font-weight: 500; background: #043577; }
.btn a:hover { background: #0092ff; color: #fff; }
.owl-carousel .trend_slides { position: relative; height: 100vh; display: flex; flex-direction: column; text-align: center; background-size: cover; background-repeat: no-repeat; align-content: center; align-items: center; justify-content: center; }
.trend_slides { position: relative; z-index: 99; width: 100%; height: 760px; background-color: #ffffff; overflow: hidden; }
.trend_slides .trend_picture_slide { position: absolute; width: 100%; height: 100%; z-index: -12; top: 0; left: 0; right: 0; bottom: 0; -webkit-animation: slide-bg linear 10000ms infinite; animation: slide-bg linear 10000ms infinite; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.single-slide .slide-du-indicator { position: absolute; z-index: 10; width: 0; height: 2px; background-color: #ffbb38; left: 0; bottom: 0; -webkit-animation: slide-du-indicator linear 10000ms infinite; animation: slide-du-indicator linear 10000ms infinite; }
.trend_slides .welcome-text { position: relative; z-index: 1; }
.trend_slides .welcome-text h6 { font-size: 18px; font-weight: 400; color: #ffffff; margin-bottom: 15px; }
.trend_slides .welcome-text h2 { font-size: 70px; color: #ffffff; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; }
.trend_slides .item { max-width: 100%; width: 100%; }
.trend_slides .welcome-text h2 span { color: #ffbb38; }
.trend_slides .welcome-text p { font-size: 16px; color: #ffffff; }
.trendl_btns a:hover { color: #000; background: #fff; }
.owl-stage-outer { background: #000; }
/* Banner Css End */
@keyframes rotation { from {
 transform: rotate(0deg);
}
to { transform: rotate(359deg); }
}
 @-webkit-keyframes slide-du-indicator { 0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes slide-du-indicator { 0% {
width: 0;
}
100% {
width: 100%;
}
}
@-webkit-keyframes slide-bg { 0% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes slide-bg { 0% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.fixed-header { position: fixed !important; top: 0; z-index: 999999; width: 100%; transition: 0.8s top cubic-bezier(.3, .73, .3, .74); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }
.hero-circle.desktopbtns svg { fill: currentColor; height: auto; transform-origin: center; width: 200px; animation: rotation 20s infinite linear; position: absolute; left: -14%; color: #000; margin-top: -112px; }
textPath { text-transform: uppercase; letter-spacing: 5.9px; font-weight: 500; font-size: 11px; }
.page-template-our_project .item-body-front h3 { font-size: 20px !important; line-height: 26px; }
.single_contents_projects h1 { position: relative; padding-left: 28px; font-size: 22px; color: #000; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-top: 0px; padding-bottom: 10px; margin-bottom: 8px; line-height: 22px; }
.single_contents_projects h1::before { content: '\f047'; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: none; position: absolute; font-size: 18px; color: #005EA1; left: 0px; top: 0; }
.s_contents { padding-left: 28px; }
.all_contens { padding-left: 28px; }
.s_contents h2, h3 { font-size: 16px; line-height: 28px; }
.s_contents h2 { margin-bottom: 15px; margin-top: 15px; }
.all_contens { padding-left: 28px; padding-top: 12px; }
/* Contact Page Css Start */
.c_main_box { text-align: center; height: 100%; padding: 40px 0; }
.c_icon_box span { font-size: 31px; background-size: 200%; background-image: linear-gradient(to right, #005EA1 0%, #333 51%, #005EA1 100%); background-color: initial !important; width: 80px; height: 80px; color: #fff !important; display: inline-flex; justify-content: center; align-items: center; border-radius: 100%; fill: unset !important; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; transition: .3s; }
.conatact_boxs { margin: 80px 0; }
.c_conte { margin-top: 20px; }
.c_conte h4 { line-height: 28px; font-weight: 600; font-size: 20px; }
.c_conte p a { color: #494646; font-size: 15px; }
.c_icon_box span:hover { animation-name: elementor-animation-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.c_main_box:hover span { background-position: 100%; }
.c_conte p a:hover { color: #005EA1; transition: all 0.5s; }
.contact_form { margin: 0 0 60px 0; }
.contact_map iframe { width: 95%; }
/* service detai; */
.service_details { width: 100%; float: left; padding-top: 70px; padding-bottom: 70px; }
.service_details_in { width: 100%; float: left; padding: 0 80px; }
.service_details_in h2 { color: #232323; padding: 0; margin-bottom: 25px; font-size: 28px; font-weight: 600; }
.service_details_in p { width: 100%; margin: 0 auto; letter-spacing: 0; font-size: 18px; color: #000; font-weight: 400; line-height: 32px; margin-bottom: 10px; }
.service_details_box { width: 100%; float: left; margin-bottom: 120px; }
.service_details_box_left { padding: 0; }
.service_details_box_left img { width: 100%; height: 600px; object-fit: cover; }
.service_details_box_right_text p a { color: #fff; font-weight: 600; }
.service_details_box_right_text p a:hover { color: #005EA1; }
.service_details_box_right { color: #fff; padding: 50px 70px; align-items: center; display: flex; background-image: url('https://fitweldengineering.com.au/wp-content/uploads/2025/02/noise-texture.jpg'); background-repeat: no-repeat; }
.service_details_box .row { margin: 0; }
.service_details_in ul { margin-top: 18px; margin-left: 14px; }
.service_details_in ul li { margin-right: 20px; padding: 0px 6px; margin-bottom: 4px; font-size: 16px; font-weight: 500; list-style: disc; }
.service_details_in ul li:hover { border-color: #00000059; transition: all 0.5s; }
.service_details_in ul li i { color: #005EA1; font-size: 20px; position: relative; top: 2px; right: 8px; }
.service_details_box_right_text h2 { font-size: 25px; margin-bottom: 25px; color: #fff; font-weight: 600; }
.service_details_box_right_text p { line-height: 30px; margin-bottom: 20px; color: #fff; font-size: 16px; padding-left: 32px; }
.service_details_box_right_text h2::before { content: "\f105"; content: "\f101"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: 14px; font-size: 14px; font-size: inherit; text-rendering: auto; font-size: 34px; position: relative; top: 2px; margin-right: 10px; color: #005EA1; text-shadow: none; }
.inner-box:hover h3 a { color: #005EA1; }
.service-block { margin: 0 auto 35px auto; }
.service_details_box .row:nth-child(2n) { display: flex; }
.service_details_box .row:nth-child(2n) .service_details_box_left { order: 2; }
.serchpage { padding: 50px 0; }
.serchpage .page-title { font-size: 30px; }
#primary { margin: 20px 0; }
.serchpage .hentry { box-shadow: 0px 3px 15px 8px #f2f2f2; padding: 20px; margin: 45px 0px; background-color: #fff; }
.entry-title { font-size: 20px; color: #000; }
.entry-title a { color: #000; }
.entry-title a:hover { color: #005EA1; transition: all 0.5s; }
.errorpage { margin: 100px 0; text-align: center; }
.error-template h4 { font-size: 70px; color: #005EA1; font-weight: bold; }
.error-template h2 { font-weight: bold; margin-bottom: 20px; }
.error-details { margin-bottom: 25px; }
.searchform { float: none; width: 35%; display: inline-block; text-align: center; margin-top: 20px; position: relative; }
.searchform input[type="email"] { padding: 0 10px; font-size: 14px; border: 1px solid #ccc; width: 100%; border-radius: 0; height: 45px; }
.searchform button#searchsubmit { float: left; height: 45px; background: #005EA1; color: #fff; cursor: pointer; border: 0; position: absolute; right: 0; padding: 0 14px; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-weight: 600; }
#searchform input { width: 100%; height: 45px; padding: 0 10px; }
#s:hover:active:focus:focus-visible {
outline:none !important;
}
.container-fluid.archivecat_page { width: 100%; float: left; background: #eee; padding-top: 70px; padding-bottom: 70px; }
.blogstext { padding: 22px 22px; background: #fff; float: left; width: 100%; }
.blog-categorybutton { position: absolute; top: 10px; bottom: 0; height: 100px; right: 25px; }
.blog-categorybutton a { font-size: 14px; color: #1380c4; transition: all 0.3s ease-in-out; letter-spacing: .5px; background: #fff; padding: 5px 10px; font-weight: 500; text-shadow: none; }
.blogin-title a { font-size: 22px; color: #000; font-weight: 600; line-height: 19px; }
.bloginnerpart { margin-bottom: 35px; height: 100%; }
.blogin-title a:hover { color: #1380c4; transition: all .4s ease-in-out; }
.blogreadmore-btn .rd_butto { padding: 6px 25px; font-size: 15px; }
.blogin-title { line-height: 25px; }
.blogtext-inner p { font-size: 16px; }
.blogmeta-info { display: none; }
.blogreadmore-btn a { color: #005EA1; font-weight: bold; }
.main-menu ul .sub-menu { visibility: hidden; opacity: 0; position: absolute; background-color: #FFFFFF; border-radius: 0px 0px 0px 0px; min-width: 260px; box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.03); position: absolute; top: 85%; left: 20px; -webkit-transform: translateY(-10px); transform: translateY(-10px); pointer-events: none; max-height: none; padding: 10px 0; z-index: 9; height: auto; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; }
.main-menu ul .sub-menu { display: inherit; }
.main-menu ul li:hover > ul.sub-menu { visibility: visible; opacity: 1; display: block; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: auto; }
.header-menu { float: right; }
.main-menu .sub-menu li a { color: #000 !important; }
.main-menu .sub-menu li a::after { background-color: none !important; content: none !important; }
.main-menu .sub-menu li a:hover { color: #005EA1 !important; }
.main-menu .sub-menu li a { width: 100%; line-height: 22px !important; padding: 12px 18px !important; font-size: 15px !important; }
.owl-prev:hover i { color: #000; }
.owl-next:hover i { color: #000; }
.gs_logo_area .swiper-button-next, .gs_logo_area .swiper-button-prev { background-color: #005EA1; }
.gs_logo_area .swiper-button-next svg, .gs_logo_area .swiper-button-prev svg { fill: #fff; }
header.header-2 .main-menu ul > li > a:hover { color: #76C0F5; }
.current_page_item a { color: #76C0F5 !important; }
.fixed-header .current_page_item a { color: #76C0F5 !important; }
.quick_fact { background: #005EA1; padding: 100px 0; }
.row.quick_first_row { align-items: center; }
.quick_titles h2 { font-size: 42px; line-height: 88px; font-weight: 700; color: #fff; font-style: normal; }
.quick_titles h2 span { color: #7EC5F8; }
.quick_titles p { padding-right: 50px; }
.quick_icons { padding: 35px 6px 35px 25px; border: 3px solid #fff; border-radius: 16px; height: 100%; }
.quick_icons i { font-size: 50px; }
.quick_icons p { margin-top: 20px; margin-bottom: 10px; color: #fff; font-size: 14px; }
.quick_facts_box:hover .quick_icons { background: #fff; color: #010064; transition: all 0.5s; }
.quick_icons i { font-size: 50px; color: #fff; }
.quick_icons h2 { font-size: 18px; margin-bottom: 10px; font-weight: bold; color: #fff; margin-top: 22px; }
.quick_facts_box:hover .quick_icons i { color: #005EA1; }
.quick_facts_box:hover .quick_icons h2 { color: #005EA1; }
.quick_facts_box:hover .quick_icons p { color: #000; }
.quick_titles p { font-size: 16px; margin-bottom: 45px; color: #fff; }
.our_services_pages .content { padding: 20px 12px 10px; }
.service-block .content h3 { font-size: 18px; }
s .our_projectss .buttons.project_btns { float: left; width: 100%; text-align: center; margin: 55px auto 0 auto; display: inline; }
 @media only screen and (max-width: 767px) {
header.header-2 .main-header-wraper { padding: 10px 15px; }
.header-logo img { max-width: 190px; }
.trend_slides h2 { padding: 16px 15px; font-size: 28px; }
.trend_banner .owl-prev { left: 0px; }
.trend_banner .owl-prev i, .trend_banner .owl-next i { font-size: 29px; line-height: 45px; }
.trend_banner .owl-prev, .trend_banner .owl-next { height: 50px; width: 50px; line-height: 50px; }
.trend_banner .owl-next { right: 0; }
.trend_slider_content p { font-size: 15px; line-height: 26px; max-width: 80%; margin: 0 auto 40px auto; }
.detail-box { margin-right: 0; }
.heading_container h2::before { content: none; }
.heading_container h2 { font-size: 28px; margin: 0 auto; }
.detail-box { text-align: center; }
.layout_padding { padding: 70px 0; }
.about-imgs { margin-top: 60px; }
.icon-section ul li a { font-size: 14px; }
.icon-section ul li { margin-right: 14px; }
.hero-circle.desktopbtns svg { width: 200px; left: 40px; margin-top: -32px; }
.our_services { margin: 5px 0 0 0; padding-bottom: 50px; }
.service-block .content { padding: 20px 12px 5px; }
.service-block .content h3 { font-size: 18px; }
.bloh-heading h1 { font-size: 26px; }
.circleservice .bloh-heading h1 { margin-bottom: 30px; }
.circleservice { padding: 60px 0 50px 0; }
.our_services.our_projectss { padding: 50px 0; }
.our_projectss .bloh-heading h1 { margin-bottom: 15px; }
.our_projectss .bloh-heading { margin-bottom: 15px; }
.item-body-front h3 { font-size: 20px; }
.boxsdesign { margin-bottom: 35px; }
.our_projectss .project_btns { margin: 40px auto 40px auto; }
.contact-txt h1 { font-size: 26px; }
.f22 { padding-left: 14px !important; padding-top: 35px; }
.f2 { padding-left: 15px; padding-top: 35px; }
.f4 { padding-top: 35px; }
.fcpytext { padding: 15px 10px; padding-right: 10px; padding-right: 10px; text-align: center; width: 100%; }
.fcpytext::before { content: none; }
.about_section .img-box::before { right: -15px; }
.service_details_in { width: 100%; float: left; padding: 0 0; }
.service_details_box_right { padding: 50px 20px; }
.service_details_box .row:nth-child(2n) .service_details_box_left { order: 0; }
.service_details_box_right_text h2 { font-size: 19px; }
.service_details_box_right_text p { font-size: 15px; }
.quick_fact { padding: 75px 0; }
.quick_titles h2 { font-size: 30px; line-height: 42px; }
.quick_titles p { padding-right: 0; margin-top: 20px; }
.rmp-container .fa.fa-angle-down { display: none; }
.current_page_item a { color: #005ea1 !important; }
.quick_facts_box { margin-bottom: 25px; }
.home .contect-title { margin-top: 25px; }
.contact-section { padding: 65px 0 55px 0; }
.fcpleft { flex: 0 0 100%; max-width: 100%; width: 100%; background: #005EA1; }
.apcontent { padding-left: 15px; padding-right: 15px; }
.page-banner-section .sec-title h1 { font-size: 30px; }
.page-banner-section .sec-title h1 { font-size: 30px; }
.single-services .service_details_box_right_text h2 { text-indent: -15px; padding-left: 32px; line-height: 29px; }
.single_contents_projects h1 { font-size: 20px; line-height: 26px; }
}
.cert_img img { width: 50px; margin-top: 25px; }
.service_details_in p { padding-left: 20px; }
