/** Theme Name: Steelo Child Version: 1.0.0 Text Domain: steelo-child Template: steelo */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); *{margin:0;padding:0;box-sizing: border-box;} a{outline:none;text-decoration:none;transition: 0.5s;color:#222222;cursor:pointer;} a:hover, a:focus, a:visited{background:none;} img{border:none;max-width:100%;height:auto;} body{background:none;font-family:"Poppins", sans-serif;line-height: 1.5em;color:#222222;font-size: 18px;} html.openMenu, body.openMenu{overflow:hidden;} body h1, body h2, body h3, body h4, body h5, body h6{font-weight:700;font-family:"Poppins", sans-serif;letter-spacing: 0;line-height: 1.2em;color:#222222;} p{font-size:16px;line-height:28px;color:#444444;letter-spacing:0px;margin:0 0 15px;font-family:"Poppins", sans-serif;} p:empty, #youtube-cta-section p:last-child{margin-bottom:0;} form:not(.wpcf7-form) p:empty, form:not(.wpcf7-form) p:last-child{margin:0;} ul,li{font-family:"Poppins", sans-serif;} ul{padding:0 0 0 15px;} ul li{font-size:16px;line-height:32px;padding:0 0 10px;} p a{color:#E52021;text-decoration:underline;} #masthead .col-sm-10 .row{margin-right: -0.55rem;} .grey-bg{background:#F5F5F5;} .site-main > *{margin:0;} #page{overflow-x: hidden;position: relative;} .lock-scrolling .site#page{position:fixed;} .post-content h3 a:focus, .post-content h3 a:visited{background:none !important;} h4.icon-box-left{background-size: 32px;font-weight: normal; padding: 10px 10px 10px 45px; background-position: 0 center !important;} /* section .row{margin:0;} section .row > div{padding:0;} */ .gpulse{ box-shadow: 0 0 0 rgb(0 184 120 / 90%)!important; animation: bpulse 2s infinite; position: relative;} .gpulse:before{content: '';position: absolute;left: -5px;top: -5px;right: -5px;bottom: -5px;border: 1px solid rgb(0 184 120 / 10%);border-radius:0px;animation: gpulse 2s infinite;} @keyframes gpulse { 0% { -moz-box-shadow: 0 0 0 0 rgb(0, 184, 120,0.6); box-shadow: 0 0 0 0 rgb(0, 184, 120,0.6); } 70% { -moz-box-shadow: 0 0 0 12px rgb(0, 186, 0,0); box-shadow: 0 0 0 12px rgb(0, 184, 120,0); } 100% { -moz-box-shadow: 0 0 0 0 rgb(0, 184, 120,0); box-shadow: 0 0 0 0 rgb(0, 184, 120, 0); } } .show-mobile{display:none;} .align-right{text-align:right;} .align-left{text-align:left;} .align-center{text-align:center;} .row{align-items: center;} .txt-white, .txt-white p{color:#fff !important;} .txt-red{color:#E52021 !important;} .txt-grey{color:#BDBCBD !important;} ul.col-2{display: flex;flex-wrap: wrap;} ul.col-2 li{width:50%;} ul[type="a"] li{list-style:lower-alpha;} .btn{background:#E52021; max-width:270px;padding:15px 80px 15px 30px;color:#fff;font-size:18px;font-weight:700;display:flex; width: 100%; gap: 10px; text-decoration: none !important;justify-content: center;align-items: center;text-decoration:none;line-height: 24px;font-weight:600;position:relative;} .btn img{position: absolute;right: 3px;padding: 16px 13px;background: #000;} .btn.btn-red img{background:#fff;} .btn:hover, .btn:focus{text-decoration:none; outline:none;background:#fff;color:#000;} .btn-white{background:#fff; color:#222222;} .btn-white:hover{background:#E52021;color:#fff;} .btn-yellow{background:#FCE500;color:#222222;} .btn-grey{background:#222222; color:#ffffff;} .btn-grey:hover{background:#000;color:#fff;} .btnTable{display:flex;gap:20px;align-items:center;justify-content:center;padding:30px 0 0;} .btnTable .btn{cursor:pointer;padding:15px 30px;} .btnTable .btn-red:hover{background:#D31818;color:#fff;} .btnTable .btnCollapse{display:none;} section{padding:100px 0;} .greyBG{background:#F5F5F5 !important;} .whiteBG{background:#FFFFFF !important;} .container{max-width:1240px;margin: 0 auto;width: 90%;} .m-container{max-width:1000px;margin: 0 auto;} .section-content{max-width:1100px;margin: 0 auto;} .s-container{max-width:900px;margin: 0 auto;} .main-title{font-size:64px;margin:0 0 20px;} #inner-banner-section .main-title{font-size:45px;} #inner-banner-section .banner-txt{font-size:16px;margin:0 0 10px;} .banner-subtitle{font-size:20px;text-transform:uppercase;font-weight:500 !important;} section .sub-title{font-size:16px;text-transform:uppercase;margin:0 0 15px;} section .sub-title img{margin:0 10px 0 0;vertical-align:middle;} section .subtitle{font-size:18px;text-transform:uppercase;} section .subtitle:before{content:'';width:8px;height:8px; background:#E52021;display:inline-block;vertical-align:middle;margin:-5px 10px 0 0;} section .subtitle:after{content:'';width:8px;height:8px; background:#E52021;display:inline-block;vertical-align:middle;margin:-5px 0 0 10px;} .semi-title{font-size:28px;color:#222222;margin:10px 0 20px;text-transform:capitalize;} .section-semi-title{font-size:32px;color:#222222;margin:10px 0 20px;text-transform:capitalize;} .section-semi-title strong, .semi-title strong{font-weight:bold;color:#E52021;} .section-title{font-size:48px;color:#222222;margin:10px 0 20px;text-transform:capitalize;} body:not(.home) .section-title{font-size:40px;} #footer-copyrights br{display:none;} .subtext{margin: 0 0 50px;} .subtext, .subtext p{font-size:18px;color:#444444;line-height:32px;} .subtext a{font-weight:bold;color:#E52021;} .infotext{padding-top:30px;} .infotext, .infotext p{font-size:18px;color:#444444;line-height:32px;} .infotext a{font-weight:bold;color:#E52021;} .img-cont img{display:block;} .video-cont iframe{display:block;width:100%;margin:20px 0;} .information-box{background:#f2f2f2;padding:30px;} #header, #header ~ hr, #footer{display:none;} section .owl-stage-outer{overflow:hidden;padding:40px 0;} section .owl-stage{display:flex;justify-content: space-between; align-items: center;} section .owl-stage .owl-item{padding:0 15px;} section .owl-nav.disabled, section .owl-dots.disabled{display:none;} section .owl-nav{float:none;width:auto;} section .owl-nav button span{font-size: 30px;line-height: 20px;display: none;} section .owl-nav button{outline:none;padding:0px;border:1px solid #CCCCCC;background:none !important;border-radius:100%;width:60px;height:60px;margin:0 10px;} section .owl-nav button:hover, section .owl-nav button:focus{border-color:#00B7B3;} section .owl-nav button:before{content:'';font-family:'FontAwesome' !important;color:#CCCCCC;font-size:25px;} section .owl-nav .owl-prev::before {content:"\f053";} section .owl-nav .owl-next::before {content:"\f054";} section .owl-nav button:hover:before, section .owl-nav button:focus:before{color:#00B7B3;} section .owl-dots{float:none;margin:0 15px;text-align:left;} section .owl-loaded .owl-dots .owl-dot{background:#999999 !important;width:10px; height:10px; padding:0; border-radius:0;margin:0 20px 0 0;} section .owl-loaded .owl-dots .owl-dot.active, section .owl-loaded .owl-dots .owl-dot:hover, section .owl-loaded .owl-dots section .owl-dot:focus{background:#E52021 !important;} section .owl-nav button { border: 1px solid #000; height:40px; width:40px;cursor:pointer;border-radius:0;} section .owl-nav button:before { color: #000; font-size: 20px; } section .owl-nav button.owl-prev{float: left;} section .owl-nav button.owl-next{float: left;margin:0 0 0 10px;} section .slick-slider .slick-prev, section .slick-slider .slick-next{background:none !important;} section .slick-slider .slick-prev:before, section .slick-slider .slick-next:before{color:#000;font-size:35px;} .wpcf7 form .wpcf7-response-output{font-size:16px;} #masthead{transition: all 0.5s ease;width:100%;} #masthead .container > .row{background:#000000;} #masthead.fixed{position:absolute;top:15px;z-index:9999;} #masthead.sticky{position:fixed;top:0;width:100%;background: rgb(255,255,255); /*background: linear-gradient(90deg, rgba(0,0,0,1) 9%, rgba(0,0,0,1) 50%, rgba(255,255,255,0.3477766106442577) 50%, rgba(255,255,255,1) 50%);*/} /*#masthead.sticky .container{max-width:100%;width:100%;} #masthead.sticky .container .site-logo{margin:0 0 0 10px;}*/ #masthead .logo img{padding:0;height:auto;width: 100%;} #masthead .col-sm-10 .row:first-child{background:#fff;padding:6px 0 7px;font-size: 14px;text-align: center;justify-content: space-between;} #masthead .col-sm-10 .row img, #masthead .col-sm-10 .row span{vertical-align:middle;} #masthead .col-sm-10 .row:first-child > div + div{background:url(images/header-sep.svg) 0 center no-repeat;} #masthead .col-sm-10 .row:nth-child(2){background:#E52021;} #site-navigation{padding:0 25px;} #site-navigation a{color:#fff;font-size:16px;font-weight:500;padding: 0 12px;} #site-navigation a:hover, #site-navigation a:focus{outline:none;text-decoration:none;background:none;color:#000;} #site-navigation.primary-navigation .primary-menu-container > ul > .menu-item{padding:0;} #site-navigation.primary-navigation .current-menu-item > a:first-child, #site-navigation.primary-navigation .current_page_item > a:first-child{text-decoration:none;font-weight:700;} #site-navigation.primary-navigation div > .menu-wrapper .sub-menu-toggle{width:20px;height:auto;color:#fff;} #site-navigation.primary-navigation div > .menu-wrapper{justify-content: space-between;} #site-navigation .sub-menu{background:#fff;border:none;min-width: 200px;padding:0;} #site-navigation .sub-menu:after{border-color:#fff transparent;} #site-navigation .sub-menu li a{color:#000;padding:5px 12px;} #site-navigation .sub-menu li a:hover, #site-navigation .sub-menu li.current-menu-item a{color:#fff;background:#000;} #site-navigation .sub-menu li{background:none;padding:0;} #site-navigation .sub-menu li + li{border-top:1px solid #7D3239;} #mobile-menu{display:none;} #site-navigation .astm-search-menu{margin-left:20px;} #site-navigation .astm-search-menu svg{width:36px;height:36px;padding: 10px;background: #fff;border-radius: 100%;} #site-navigation .astm-search-menu .is-search-form{background: none; border-radius: 20px; border: none;box-shadow: none; margin: -1px 0 0;} #site-navigation .astm-search-menu .is-search-icon{padding:0 !important;border: none;background: #fff;} .is-form-style input.is-search-input{border:none !important;} #site-navigation .astm-search-menu .search-close{right:20px;background:#fff;} #site-navigation .is-form-style.is-form-style-3 label{width:calc(100% - 30px) !important;} #site-navigation .is-search-submit{display:none !important;} #site-navigation.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, #site-navigation.primary-navigation > div > .menu-wrapper > li > .sub-menu:after{display:none;} .header-btn{padding:0;display:block;background:#FFE500;color:#000;font-weight:600;font-size:18px;line-height: 57px;text-align:center;margin-right: -0.5rem;} .header-btn:hover{background:#000000;color:#FFE500;} #banner-section{position:relative;background-size: cover;padding:0 0 20px;background-position: center center;} #banner-section .container{position: relative;max-width:720px;margin:0 0 0 auto;} #banner-section .banner-information{padding:200px 0 100px;} #banner-section .banner-information .tagline{margin:0 0 5px;background:#51ACFB;font-size:30px;font-weight:600;padding: 4px 15px 8px; line-height: 35px;display:inline-block;} #banner-section .banner-information .banner-txt{max-width:520px;font-size:16px;font-weight:400; margin: 0 0 20px;} #about-section{background:#fff;} #about-section .container > .row{align-items: flex-start;} #about-section .about-content{padding:30px 0 0;} #about-section .about-content img{margin:0;} #about-video-section, #flowchart-section{background:#E52021;} #services-section{background:#222222;} #service-image > div{display:none;} #service-list{padding:0;margin:0;list-style:none;} #service-list li{padding:18px 0 18px 32px;color:#fff;background:url(images/btn-arrow-red.svg) 0 center no-repeat;font-size:32px;cursor:pointer;} #service-list li a{color:#fff;} #service-list li:hover, #service-list li.active{color:#E52021;} #counter-section{background:#E52021;color:#fff;padding:50px 0;} #counter-section h3{font-size:55px;font-weight:600;color:#fff;} #counter-section h3 .count{font-size:90px;} .v2 #counter-section h3 .count{font-size:60px;} #counter > div{padding-top:10px;padding-bottom:10px;} #counter > div + div{border-left:1px solid #FFF;} #counter .counter-inner{padding:0 0 0 40px;} #counter .counter-txt{font-size:18px;} #testimonials-section{background:#F5F5F5;} #testimonials-section .subtitle{margin:0 10px;} #testimonials-section .section-title{margin: 10px 50px 20px 10px;position:relative;} #testimonials-section .section-title img{position:absolute;right:-40px;top:0;} #reviews-slider .trust-slide{background:#FFFFFF;padding:20px;} #reviews-slider .trust-slide h2{font-size:22px;} #reviews-slider .trust-slide h4{color:#444444;} #reviews-slider .trust-slide .review-text{font-size:16px;margin:20px 0;line-height: 1.5em;} #reviews-slider .author-info{display:flex;gap: 10px;position:relative;padding:20px 0 0;} #reviews-slider .author-info:before{content:'';width:100px;height:2px;background:#E52021;position:absolute;top:0;} #reviews-slider .author-info > div{width:100%;} #reviews-slider .author-info > div.star-rating{width:100%;text-align:right;} #reviews-slider .author-info .client-info{font-size:18px;line-height:22px;} #reviews-slider .author-info .client-name{color:#222222;font-weight:600;} #reviews-slider .author-info .review-time{font-size:16px;color:#999999;} #blog-section{background-size:cover;background-repeat:no-repeat;} #blog-section .blog-btn.align-right{justify-content:end;display: flex;} #blog-section .blog-btn .btn{max-width:200px;} #blog-section h3.post-title{font-size:16px;font-weight:500;margin:20px 0;line-height:1.4em;min-height: 65px;} #blog-section a.readmore{font-size:18px;} #blog-section a.readmore:hover{opacity:0.8;} #blog-section .owl-stage{ align-items: flex-start;} .blog-box .post-img{height:280px;overflow: hidden;} .blog-box .post-img img{height:100% !important;width:auto !important;display: block;margin: 0 auto;} #contact-section{background-size:cover;background-repeat:no-repeat;} #contact-section > .container > .row{background:#fff;} #contact-section .container > .row > div{padding:40px;} #contact-section .contact-form{background:#222222;} #contact-section .contact-info{background:#fff;} .form-cont input, .form-cont textarea, .form-cont select{background-color:#F8F9FA;font-size:16px;border:none;padding: 15px 20px;width:100%;} .form-cont input[type="checkbox"]{padding: 0;height: 20px;width:25px;} .form-cont textarea{height:120px;} .form-cont label{color:#fff;font-weight: 400;font-size: 16px;} .form-cont .wpcf7-list-item{margin:0;} .form-cont .wpcf7-list-item label{display:flex;gap:10px;} .form-cont .wpcf7-list-item label span{font-size: 14px;line-height: 16px;display: inline-block;} .form-cont .wpcf7 input[type="file"]{padding: 30px;background: #222222;border: 1px dashed #fff;width: 100%;color: #fff; margin: 5px 0 0;} .wpcf7 .wpcf7-submit.btn{background:#E52021 url(images/btn-arrow.svg) right center no-repeat !important;border:none;font-size:18px;color:#fff !important;padding:10px 60px 10px 20px;border:5px solid #E52021;} .wpcf7 .wpcf7-submit.btn:hover{background:#fff url(images/btn-arrow.svg) right center no-repeat !important;color:#222222 !important;} .wpcf7-spinner{position:absolute;} .form-cont .wpcf7 form .wpcf7-response-output{color:#fff;font-size:16px;background:#000;} .contact-content{display:flex;flex-direction:column;gap:15px;} .contact-content a{display: flex;align-items:center;gap:10px;font-size:18px;line-height:1.3em;} .social-list{padding:0;margin:0;list-style:none;display:flex;gap:10px;} .social-list li:hover{opacity:0.9;} #brands-section{background:#F5F5F5;padding:50px 0;} #brands-section .brand-logo{text-align:center;} #brands-section .brand-logo img{display:block;margin:0 auto;} #brands-section .brand-logo img:hover{opacity:0.9;} #main-footer{background-size:cover;background-repeat:no-repeat;padding:70px 0 0;position:relative;z-index:99;} #main-footer .row{align-items: flex-start;} #main-footer .footer-text{font-size:16px;margin:20px 30px 20px 0;} #main-footer a{color:#fff;text-decoration:none;} #main-footer a:hover{color:#E52021;} .widget-title{font-size:18px;font-weight:600;margin:0 0 20px;} .footer-navigation{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;} .footer-navigation li{padding:5px 0 5px 20px;background:url(images/arrow-red.svg) left center no-repeat;width:50%;} .footer-navigation li a{font-size:16px;} .footer-navigation .astm-search-menu{display:none !important;} .copyrights-cont{padding:20px 0;margin:40px 0 0;border-top:1px solid #999999;font-size: 14px;position:relative;} .copyrights-cont:before{content:'';width:8px;height:8px; background:#E52021;margin:0 10px 0 0;position:absolute;left:0;top:-4px;} .copyrights-cont:after{content:'';width:8px;height:8px; background:#E52021;margin:0 0 0 10px;position:absolute;right:0;top:-4px;} .footerlinks{text-align:right;} .footerlinks a{margin:0 15px;} #inner-banner-section{background-size:cover;background-position: center top;background-repeat:no-repeat;min-height:700px;display:flex;align-items:flex-end;padding-bottom:70px;} #inner-banner-section .breadcrumbs{margin:0 0 20px;font-size:16px;} #inner-banner-section .breadcrumbs a{color:#fff;} #inner-banner-section .breadcrumbs a:hover{color:#E52021;} .page-id-24080 #inner-banner-section .banner-information .banner-txt{padding: 0 40px 0 0;} #inner-banner-section.innerCTABanner{padding:150px 0 70px;} #inner-banner-section.innerCTABanner .btn{max-width:320px;} .bannerList{padding:0;margin:0 0 30px;list-style:none;} .bannerList li{background:url(images/checkGreen.svg) 0 center no-repeat;padding:5px 10px 5px 40px;font-size:20px;} /*** Contact Page ***/ #contact-page-section .form-cont{background:#fff;padding:40px 50px;border-top:6px solid #E52021;margin:0 0 0 40px;} #contact-page-section .form-cont input, #contact-page-section .form-cont textarea{background: #F5F5F5;} #contact-page-section .form-cont input[type="checkbox"]{width:20px;height:20px;border:2px solid #666666;background:none;} #contact-page-section .form-cont label{color:#666666;} #contact-page-section .form-cont .wpcf7-list-item label span{line-height:20px;} #map-section{padding:0;} #map-section iframe{display:block;width:100%;height:450px;margin:0;padding:0;} /*** Contact Page End ***/ /*** Our Story Page ***/ #intro-section{background:#F5F5F5;} .page-id-22164 #intro-section .subtext{margin-bottom:0;} #intro-section .intro-info{padding:30px 0 0;} .hightlight-box{margin:30px 0 0;background:#fff;padding:20px 30px;border:3px solid #999999;display:flex;align-items:center;} .hightlight-box .socialinks{width:35%;text-align:center;} .hightlight-box .socialinks a{margin:0 5px;} .hightlight-box .socialinks a img{max-width:50px;height:auto;} .core-list{display: flex;flex-wrap: wrap;gap:20px;justify-content: center;padding: 30px 5% 0;} .core-list li{list-style:square;padding:0;color:#E52021;margin: 0 0 0 50px;} .core-list li span{color:#fff;font-size:20px;} /*** Our Story Page End ***/ /*** Steelo Modular Page ***/ #intro-section .intro-list{margin:0;padding:0;} #intro-section .intro-list > div{margin:0;background:#fff;} #intro-section .intro-list > div + div{margin:50px 0 0;} #intro-section .intro-list > div:first-child .intro-list-image, #intro-section .intro-list > div:nth-child(3) .intro-list-image{order:2;} #intro-section .intro-list .intro-list-item > div{padding:0;} #intro-section .intro-list .intro-list-item > div.intro-content{padding:30px;} #intro-section h2.intro-list-title{color:#E52021;font-size:32px;margin:0 0 15px;} #intro-section .intro-content a{color:#E52021;text-decoration:underline;} #intro-section .intro-content ol, #intro-section .intro-content ul{padding: 0 0 15px 15px;font-size: 16px;} #case-study-section .case-study-list{background:url(images/seprator.webp) center top repeat-y;position: relative;} #case-study-section .case-study-list:before{content:'';width:8px;height:8px; background:#E52021;margin:0;position:absolute;left:calc(50% - 4px);top:-4px;} #case-study-section .case-study-list:after{content:'';width:8px;height:8px; background:#E52021;margin:0;position:absolute;left:calc(50% - 4px);bottom:-4px;} #case-study-section .case-study-list .case-study-item{position:relative;} #case-study-section .case-study-list .case-study-item:nth-child(2) > .case-study-image{order:2;} #case-study-section .case-study-image img{width:100%;height:auto;} #case-study-section .case-study-content a{color:#E52021;text-decoration:underline;} #case-study-section .case-study-list .case-study-item > div{padding:50px;} #case-study-section .case-study-list .case-study-item .list-count{width:55px; height:55px;display:block;position:absolute;background:#E52021;color:#fff;text-align:center;line-height:55px;font-size:22px;font-weight:bold;border-radius:100%;left:calc(50% - 28px);top:45%;} #case-study-section .case-study-list .case-study-item .list-count ~ img{margin:0 0 20px;} .casestudy#case-study-section .case-study-list .case-study-item > div{padding:30px 50px;} .casestudy#case-study-section .case-study-list .case-study-item{align-items: center;} .casestudy#case-study-section .case-study-list .case-study-item .list-count{top:25%;} .casestudy#case-study-section .case-study-list .intro-list-quote{background:#f1f1f1;padding:15px;border-radius:10px;font-style: italic;margin:30px 0 0;} .casestudy#case-study-section .case-study-list .intro-list-quote p{font-size:15px;} /*** Steelo Modular Page End ***/ /*** Blog Page ***/ #bloglist-section .post-list{align-items:flex-start;} #bloglist-section .post-list .post-item{margin:0 0 30px;} #bloglist-section .post-list .post-item:hover .post-inner{box-shadow:10px 10px 0 0 #E52021;} #bloglist-section .post-list .post-inner{border:1px solid #C9C9C9;background:#fff;overflow:hidden;} #bloglist-section .post-list .post-content{padding:20px;} #bloglist-section .post-list .post-item .post-img{height:240px;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;} #bloglist-section .post-list .postmeta ul{list-style:none;margin:0;padding: 0;} #bloglist-section .post-list .postmeta ul li{display:inline-block;margin:0 10px 5px 0;padding: 0} #bloglist-section .post-list .postmeta ul li a{background:#FEC750;color:#222222;border-radius:5px;display:block;padding:0 10px;font-size:14px;font-weight:500;} #bloglist-section .post-list .post-content h3{margin:0 0 10px;line-height: 1em;height: 100px;overflow: hidden;} #bloglist-section .post-list .post-content h3 a{color:#222222;font-size:20px;line-height: 1em;} #bloglist-section .post-list .contributor{display: flex;justify-content: space-between;align-items: center;} #bloglist-section .post-list .contributor > a{color:#E52021;font-weight:bold;font-size: 16px;} #bloglist-section .post-list .contributor .content-box{display:flex;gap:10px;align-items:center;} #bloglist-section .post-list .contributor img{width:55px;height:55px;border-radius:100px;} #bloglist-section .post-list .contributor .author-info{line-height:1em;} #bloglist-section .post-list .contributor .author-info p{margin:0;font-weight:600;line-height:1em;font-size:15px;} #bloglist-section .post-list .contributor .author-info span{font-size:14px !important;padding:0 !important;font-style:italic;} .blogpagination{display:block;width:100%;margin:20px 0 0;} .blogpagination ul{gap:10px;list-style:none;padding:0;display:flex;align-items:center;justify-content:center;} .blogpagination ul li a{color:#222;font-size:20px;font-weight:600;padding:0 10px;} .blogpagination ul li a:hover, .blogpagination ul li a:focus{background:none !important;color:#E52021 !important;} .blogpagination ul li .current{display:block;background:#E52021;color:#fff;font-size:20px;font-weight:600;width: 50px;height: 50px;text-align: center;line-height: 50px;} .blogpagination ul li a.next, .blogpagination ul li a.prev{font-size:24px;color:#E52021;} .single, .blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6{font-family: "Inter", sans-serif !important;} .blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6{font-weight:700;color:#222222;line-height:1.2em;} #single-blog p, #blog-banner p, .blog-inner-content li{font-size:18px;line-height:1.5em;color:#222222; text-align: justify;} #single-blog p:empty{display:none;} #single-blog blockquote{padding:1.2em;margin:0 0 30px 20px;} #single-blog blockquote p{margin:0;} #single-blog h1, #blog-banner h1{font-size:32px;line-height:1.2em;font-weight: 600;} #blog-banner{background:url(images/SingleBlogBannerBG.webp) 0 0 no-repeat;background-size:cover;padding:150px 0 80px;} #blog-banner:after{display:none;} #blog-banner .single-blog-banner-img{height:320px;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;} #blog-banner .ftitle{font-size:18px;color:#FDC54E;font-weight:600;} #blog-banner p{color:#fff;} #blog-banner .subtitle p{margin: 10px 0;} #blog-banner .post-date{font-size:18px;color:#fff;display:block;padding:30px 0 0;} #blog-banner .row{align-items:center;} #blog-banner .banner-text{padding:0 40px 0 0;} #single-blog a:hover, #single-blog a:focus{background:none !important;color:#222 !important;} #blog-detail{margin:0 auto;} #blog-content{padding:70px 0;background:#F5F5F5;} #blog-content .row{align-items:flex-start;} #single-blog .subTitle{font-size:20px;font-weight:600;} #single-blog h3, #single-blog h4{font-size:32px;margin:40px 0 15px;} #blog-sidebar{z-index:9;position:relative;} #blog-sidebar.sticky #tableofcontent{position: fixed;top: 30px; max-width: 292px;background:#F5F5F5;top:100px;} #blog-sidebar .sidebar-widget h3{font-size:22px;font-weight:600;color:#fff;margin:0;background:#E52021;padding:15px 20px;} #blog-sidebar .sidebar-widget ul{list-style:none;margin:0;padding:0 20px 20px;border:1px solid #999999;border-top:none;} #blog-sidebar .sidebar-widget ul li{font-size:15px;color:#222;padding:12px 10px;line-height:1.5em;border-bottom: 1px solid #999999;} #blog-sidebar .sidebar-widget ul li .stamp{display:none;} #blog-sidebar .sidebar-widget ul li:hover, #blog-sidebar .sidebar-widget ul li.active{color:#E52021;} #blog-sidebar .sidebar-widget ul li a{color:#222222;display:block;} #blog-sidebar .sidebar-widget ul li:hover a, #blog-sidebar .sidebar-widget ul li.active a{color:#FF7D00;} .contributor .content-box{display:flex;gap:10px;align-items:center;} .contributor img{width:55px;height:55px;border-radius:100px;} .contributor .author-info{line-height:1em;} .contributor .author-info p{margin:0;font-weight:600;line-height:1em;font-size:15px;} .contributor .author-info span{font-size:14px !important;padding:0 !important;} #blog-banner .contributor .author-info span{color:#fff;} #adwidget .adinner{padding:25px 25px 300px 25px;color:#fff;background-position:center bottom;background-size:cover;background-repeat:no-repeat;text-align:center;border-radius:15px;} #adwidget .adinner h3{color:#FFB802;font-size:24px;} #adwidget .adinner p{color:#fff;} .blog-inner-content{padding:0 0 0 30px;} .blog-inner-content a{color:#FF7D00;text-decoration:underline !important;} .blog-inner-content > div + div{padding:30px 0 0;} .blog-inner-content img{padding:15px;max-width:100%;height:auto;display:block;margin:0;} .blog-inner-content figcaption{min-height:60px;} .blog-inner-content a img{max-width:100%;padding:15px;border-radius:15px;animation-timing-function: linear;animation-duration: .2s;} .gallery .gallery-item{border-radius:15px;animation-timing-function: linear;animation-duration: .2s;} .blog-inner-content a:hover img{transition: transform 300ms ease 0ms, box-shadow 300ms ease 0ms;box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);transform: translateX(0px) translateY(-8px);} .blog-inner-content h3.b-section-title{font-size:40px;font-weight:700;margin:0 0 20px;} .blog-inner-content h3 .stamp{background: #F4C74B;font-size: 18px;line-height: 30px;padding: 0px 10px;border-radius: 5px;display: inline-block;vertical-align: middle;} .blog-inner-content h4{font-size:24px;margin:0 0 15px;} .blog-inner-content h5{font-size:20px;margin:0 0 15px;} .blog-inner-content ul, .blog-inner-content ol{background:#EBEBEB;padding:20px 20px 20px 40px;border-radius:15px;margin:0 0 20px;} .blog-inner-content ol ul, .blog-inner-content ul ol{background:#FFF;} .blog-inner-content li{padding:10px 0;} .blog-inner-content li::marker{color:#E52021;font-weight:700;} .blog-inner-content li p:last-child{margin:0;} .blog-inner-content table ul{margin:0;} .blog-inner-content table td p:empty{display:none;} .blog-inner-content table tr:first-child td, .blog-inner-content table tr:first-child td:first-child, .blog-inner-content table th{background:#FFFDD9;color:#FF7D00;} .blog-inner-content table tr td:first-child{background:#F2F2F2;} #blogContent form{display:inline-block;background:#EBEBEB;padding:20px;border-radius:15px;margin:20px 0;} #blogContent form input:not([type="submit"]){border: 1px solid #999999;padding:12px 15px;color:#222;background:#fff;margin:0;font-size:16px;line-height:24px;} #blogContent form input[type="submit"]{background:#E52021;padding:12px 30px;color:#fff;font-size:18px;font-weight:700;display:flex; width: 100%;text-decoration: none !important;justify-content: center;align-items: center;text-decoration:none;line-height:24px;border:none;} #blogContent form input[type="submit"]:hover{border:none;background:#222222;} /*** Blog Page End ***/ /*** Careers Page ***/ #videos-section .videos-list{display:flex;list-style: none;padding: 0;margin: 0;gap:25px;flex-wrap: wrap;align-items:center;} #videos-section .videos-list li{width:calc(33.335% - 25px);padding:0;} #videos-section .m-container{max-width:800px;} #videos-section .section-title{max-width:650px;margin:10px auto 20px;} #career-cta-section{padding:50px 0;background:#E52021;} #career-cta-section .btn-white:hover{background:#000000;} /*** Default Page ***/ #content-section{background:#F5F5F5;} #content-section h3{font-size:40px;margin:0 0 15px;} #content-section p, #content-section ul li{font-size:18px;line-height:32px;} #content-section ul{background:#EBEBEB;padding:20px 20px 20px 40px;border-radius:0px;margin:0 0 20px;} #content-section .metaslider ul{padding:0;margin:0;} #content-section .metaslider ul li{margin:0;} /*** Privacy Page ***/ #intro-section .intro-content{padding:0 0 0 20px;} #data-section{background:#222222;} #data-section .subtext, #why-section .subtext, #transfer-section .subtext{margin:0;} #data-section ul{background:#F5F5F5;padding:20px 40px 10px;} #data-section ul li{color:#444444;} #data-section ul li a{color:#E52021;text-decoration:underline;} #why-section{background:#F5F5F5;} #why-section .subtext ol{padding:0 0 0 15px;} #why-section .subtext ol > li::marker{font-weight:bold;font-size: 22px;} #why-section .subtext ol > li + li{padding:20px 0 0;} #why-section .subtext h5{display:block;font-size:22px;margin:0 0 10px;} #why-section .subtext ol > li ul{background:#EBEBEB;padding:20px 40px 10px;} #why-section .subtext ol > li ul li{color:#444444;list-style:disc;} #policy-section .policy-list{background:#121212;padding:30px;} #policy-section .policy-list li{font-size:18px;line-height:32px;} #transfer-section, #contactinfo-section{background:#F5F5F5;} #transfer-section .transfer-cont{padding:0 0 0 20px;} #transfer-section .section-semi-title{margin:0 0 10px;} #transfer-section li{padding:0;} #transfer-list{margin-top:70px;} #transfer-list .col-sm-12{margin-bottom:15px;} #transfer-list .transfer-content{background:#212121;padding:25px;} #transfer-list .col-sm-6 .transfer-content{min-height:330px;} #contactinfo-section{padding-top:0;} #contactinfo-section .subtext{margin:0;} /*** Our Team Page ***/ .page-id-19856 .wmts_search{margin:30px 0;text-align: center;} .page-id-19856 .wmts_search>*{border:1px solid #E52021 !important;background:#fff;font-size:16px;min-width:280px;} .page-id-19856 .wmts_search span.wmts_search_submit{background:#E52021 !important;color: #fff !important;margin: 0 !important;line-height: 20px;min-width:auto;} .page-id-19856 .wmts_search span.wmts_search_submit:hover{background:#222 !important;} .page-id-19856 .wmts_vertical_dark>.wmts_element.wmts_image_centering{height:450px;} .page-id-19856 .wmts_vertical_dark .wmts_text_container{background: rgba(34, 34, 34, 0.8);position: absolute;bottom: 0;width: 100%;} .page-id-19856 .wmts_image_centering .hover-img{opacity:0;} .page-id-19856 .wmts_image_centering:hover .hover-img{opacity:1;} /*** Vacancies Page ***/ #vacancies-section{background:#F5F5F5;} #vacancies-section .row{align-items: start;} #vacanciesList > li{list-style:none;} #vacanciesList li li{list-style:disc;} #vacanciesList li h3{display:block;color:#222222;font-size:22px;font-weight:600;border-left:4px solid #E52021;padding:15px;background:#fff url(images/arrow-down.svg) right 20px center no-repeat;margin:0 0 15px;} #vacanciesList .vacancyDetail{display:none;} #vacanciesList li h3.active{background:#fff url(images/arrow-up.svg) right 20px center no-repeat;} /*#vacanciesList li:first-child .vacancyDetail{display:block;}*/ #vacanciesList .vacancyDetail h4{font-size:18px;font-weight:600;margin:30px 0 10px;} #vacancies-section .form-cont{background:#fff;border-top:4px solid #E52021;padding:30px;margin:0 0 30px;} #vacancies-section .form-cont h3{font-size:24px;font-weight:600;margin:0 0 20px;} #vacancies-section .form-cont .codedropz-upload-inner h3{font-size:18px;font-weight:500;margin:0;} #vacancies-section .form-cont label{color:#222222;} #vacancies-section .form-cont input:not([type="submit"]), #vacancies-section .form-cont textarea, #vacancies-section .form-cont select{background:#F5F5F5;width:100%;border:none;} #vacancies-section .form-cont .wpcf7 input[type="file"]{color:#222222;padding:12px;} #vacancies-section .form-cont .btn-row p{margin:0;} #time-capsule-section{background:#F5F5F5 url(images/time-bg.webp) center top no-repeat;background-size:100% 60%;} #time-capsule-section .video-cont iframe{border-top:10px solid #fff;border-left:10px solid #fff;border-right:10px solid #E52021;border-bottom:10px solid #E52021;} #gallerySlider-section{background:#F5F5F5 url(images/time-bg.webp) center top no-repeat;background-size:100% auto;} #gallerySlider{padding:50px 0 0;} #gallerySlider .slick-slide img{padding:50px;} #gallerySlider .slick-center img{padding:0;border-top:10px solid #fff;border-left:10px solid #fff;border-right:10px solid #E52021;border-bottom:10px solid #E52021;} #gallerySlider .slick-list{overflow:visible;} #gallerySlider .slick-prev, #gallerySlider .slick-next{width:45px;height:45px;background:#fff !important;border-radius:100%;} #gallerySlider .slick-prev:before, #gallerySlider .slick-next:before{color:#000;opacity:0.8;font-size:45px;margin:3px 0;display:block;} #gallerySlider .slick-prev:before:hover, #gallerySlider .slick-next:before:hover{opacity:1;} #gallerySlider .slick-prev{left: 125px;} #gallerySlider .slick-next{right: 125px;} .product-inner{background:#222222;padding:15px;height: 100%;} .product-inner p:last-child{margin-bottom:0;} .product-inner .img-cont img{width:100%;} .product-inner h4{font-size:22px;margin: 15px 0 10px;} .product-inner .prod-info{font-size:16px;min-height: 80px;} .product-inner .prod-price{margin:10px 0 15px;font-weight:bold;font-size:32px;} .product-inner .prodInfo{font-size:16px;line-height:1.5em;} .steelBeams .video-cont iframe{margin:0;} .steelBeams .productBox{background:#222222;} /** Racking Page **/ #intro-section .video-cont{position:relative;} #intro-section .video-cont img{position:absolute;top:-50px;left:-50px;} .page-template-temp-racking #intro-section .subtext{margin:0;} #intro-section .intro-cont{padding:0 0 0 15px;} #cta-img-section{background:#242424;padding:70px 0;} #service-section{background-position:center top;background-repeat:no-repeat;background-size:100% auto;} .feature-slider .wpsisac-image-slide-wrap {display: flex;flex-direction: row;align-items: center;} .feature-slider .slick-slide-content{text-align: left;padding-left: 0;width: 45%;} .feature-slider .image-overlay.reveal {width: 55%;} .feature-slider .image-overlay img {width: 100% !important;} .feature-slider .slidein-left h3 {font-size:24px;font-weight:700;font-style: normal;color: #E52021;margin: 0 0 10px;line-height: normal;position: relative;} .feature-slider .slidein-left{font-size:18px;font-weight: 500;line-height: 1.5;letter-spacing: 0.6px;color: #4B475A;margin: 0;} .feature-slider .numbers {font-size: 63px;font-weight: 600;line-height: 0.43;letter-spacing: 2.65px;color: #222222; position: relative; left: 60px; margin: 0 0 40px;} .featured-section {padding: 50px 0 !important;} .reasoninvest-box {padding: 50px 0 !important;} .feature-slider .numbers::before {content: "";background: #E52021;height: 32px;width: 99px;position: absolute;bottom: -20px;z-index: -1;left: -60px;} .feature-slider .wpsisac-slick-carousal .wpsisac-image-slide {padding: 0 20px !important;} .feature-slider .slidein-left::before {content: "";background: #E52021;position: absolute;height: 2px;width: 50%;top: 55px;right:-32%;z-index: 1;} .feature-slider .slidein-left {position: relative;padding-left: 28%;padding-right: 0;width: 100%;} .feature-slider .wpsisac-slick-carousal.design-6 .slick-dots {text-align: right;bottom: -20px !important;position: relative;right: 152px !important;left: auto !important;} .feature-slider .wpsisac-slick-carousal .slick-dots li.slick-active button {background: transparent !important;border-color: transparent !important;} .metaslider .flexslider .flex-control-nav a:focus {outline: none !important;} .feature-slider .wpsisac-slick-carousal .slick-dots li button {border-color: #fff !important;} .feature-slider .wpsisac-slick-carousal .slick-dots li button {background: transparent !important;color: #4B475A !important;width: auto !important;height: auto !important;font-size: 18px !important;border: none !important;text-indent: revert !important;font-weight: 500;letter-spacing: 0.76px !important;} .feature-slider .wpsisac-slick-carousal .slick-dots li.slick-active::after{content: "/" !important;margin-left: 10px;} .feature-slider ul.slick-dots li:last-child, .feature-slider ul.slick-dots li.slick-active{display: inline-block !important;} .feature-slider .wpsisac-slick-carousal .slick-dots li:last-child::after{content: '' !important;} .feature-slider .wpsisac-slick-carousal .slick-dots li{display: none !important;} .feature-slider .slick-list.draggable{overflow: visible;padding-right: 135px;} .feature-slider .wpsisac-slick-carousal{overflow: hidden;padding-left: 0;margin-left: 100px;padding-bottom:20px;} .feature-slider .wpsisac-image-slide-wrap .slick-slide-content{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;} .feature-slider .slick-active .wpsisac-image-slide-wrap .slick-slide-content {-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important;} .feature-slider .wpsisac-slick-carousal.design-6 .slick-arrow {background-image: url("/wp-content/uploads/2024/09/next-arrow.svg") !important;background-color: transparent !important;width: 40px;background-size: 40px !important;top: auto !important;bottom: -30px;opacity:0.8;} .feature-slider .wpsisac-slick-carousal.design-6 .slick-arrow:hover{opacity:1;} .feature-slider .wpsisac-slick-carousal.design-6 .slick-next {right: 52% !important;} .feature-slider .wpsisac-slick-carousal.design-6 .slick-prev {left:40.5% !important;transform: rotate(180deg);bottom: -9.5px;} .feature-slider .left-side{width: 45%;} .feature-slider .right-side{width: 55%;} .feature-slider .image-overlay.reveal.animated{display: none;} .feature-slider .slick-slide-content{width: 100%;display: flex;flex-wrap: wrap;align-items: center;} .feature-slider .metaslider .flexslider{margin:0;} .feature-slider .metaslider .flex-control-nav{bottom: 12px;text-align: right;right: 10px;} .feature-slider .metaslider .flex-control-nav li a{background: #fff;font-size: 0;margin: 0 3.5px;box-shadow:inset 0 0 3px rgba(0,0,0,.3) !important;} .feature-slider .flex-control-paging li a:focus, .feature-slider .flex-control-paging li a.flex-active {background: #E52021 !important;} .mobile-txt {display: none;} .show-mb {display: none;} /*** Racking Enquiry Page ***/ #rackingintro-section{background:#F5F5F5;} #rackingintro-section .semi-title{font-size:24px;} #rackingintro-section .gallerySlider{padding:20px 0 0;} #rackingintro-section .subcontent{font-size:16px;} #rackingintro-section .slick-next{right:-5px;} .enquiry-form.dark{background:#222222;border-top:4px solid #E52021;padding:20px;} .enquiry-form.dark .wpcf7-list-item-label{color:#fff;font-size: 16px;font-weight: normal;} .enquiry-form.dark .wpcf7-list-item{vertical-align:middle;margin:0 20px 0 0;} .enquiry-form.dark input:not([type="submit"]), .enquiry-form.dark textarea{border:none;background:#F8F9FA;padding:12px 15px;} .enquiry-form.dark textarea{height:120px;} .enquiry-form.dark input[type=checkbox]{height:20px;width:20px;padding:0;border-radius:2px;border:none;vertical-align: middle; margin: 0 5px 0 0;} .enquiry-form.dark .wpcf7 form .wpcf7-response-output{margin:1em 0;color:#fff;} #products-section{overflow:hidden;} #products-section .product-content > .row{align-items: stretch;min-height: 100%;justify-content: center;} #products-section .product-content > .row > .col-sm-4{margin-bottom:20px;} .product-inner .prod-info p:last-child(){margin:0;} #productSlider .slick-prev, #productSlider .slick-next{top:-80px;} #productSlider .slick-prev{left:auto;right:35px;} #productSlider .slick-next{right:0;} #productSlider .slick-list{overflow:visible;} h4.prod-price{margin:20px 0;font-size:32px;} .product-single .img-cont img{padding:30px 0;background:#fff;} #products-box-section{background:#222222;} #products-box-section .product-content > .row{justify-content:center;} #products-box-section .product-inner{margin:30px 0 0;} #products-box-section .product-inner h4{font-weight:normal;margin:20px 0 0;} #specification-section, #faqs-section{background:#F5F5F5;} #specificationList > li{list-style:none;} #specificationList li h3{display:block;color:#222222;font-size:22px;font-weight:600;padding:15px 50px 15px 15px;background:url(images/arrow-down.svg) right 15px center no-repeat;margin:0 0 15px;} #specificationList li h3.active{margin:0;} #specificationList .specificationDetail{display:none;background:#fff;padding: 0 15px 15px;font-size: 18px;line-height: 1.5em;} #specificationList li h3.active{background:#fff url(images/arrow-up.svg) right 15px center no-repeat;} /*#specificationList li:first-child .specificationDetail{display:block;}*/ #specificationList .specificationDetail h4{font-size:18px;font-weight:600;margin:30px 0 10px;} .section-subtext li{font-size:18px;list-style: square;} .section-subtext li::marker{color:#E52021;font-size:18px;} #specifications-section h4, #specifications-section h3{font-size:40px;margin-bottom:30px;} .whiteBG #specificationList li{background:#F5F5F5;padding:0;margin:0 0 15px;} .whiteBG #specificationList li h3, #specificationList .specificationDetail{background-color:#F5F5F5;} .whiteBG #specificationList li h3.active{background:#F5F5F5 url(images/arrow-up-red.svg) right 15px center no-repeat;} #products-section .steel-beams .video-cont iframe{margin-bottom:0;} #youtube-cta-section{background:#000;padding:50px 0;} #youtube-cta-section h3{color:#fff;} #youtube-cta-section .subtext{margin:0;} #info-section{background:#FFFFFF;} #videos-section.engineer-videos .videos-list li{width:calc(50% - 25px);} #products-section-2, #products-section-4, #products-section-6{background:#F5F5F5;} .product-content.structures{margin:20px 0 0;} .product-content.structures .row{align-items:stretch;justify-content:center;} .product-content.structures .row > .col-sm-4{margin-bottom:15px;} #brands-section-1, #brands-section-3, #brands-section-5{background:#F5F5F5;} .brands-list{display: flex;gap: 20px;} .brands-list > div{border:1px solid #ccc;} #video-section .video-cont{position:relative;border:10px solid #F5F5F5;} #video-section .video-cont iframe{display:block;margin:0;} #video-section .video-cont img{position:absolute;top:-50px;left:-50px;} .section-content h4{margin-bottom:30px;} .section-content table{border:none;} .section-content table thead{background:#F5F5F5;font-size:16px;border-radius:4px;border:1px solid #F5F5F5;} .section-content table td, .section-content table th{border:none;font-size:16px;padding:15px 20px;} .section-content table td + td{border-left:1px solid #F1F1F1;} .section-content table tbody{font-size:14px;border-radius:4px;border:1px solid #F1F1F1;} .section-content table tbody tr:nth-child(even){background:#FAFAFA; } .page-template-temp-steelbeams-single .section-content table tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr{display:none;} #roles-section{background:#F5F5F5;} #roles-section .row{align-items:flex-start;justify-content:center;} #gallery-section .gallery-list .gallery-item{background:#222222;color:#fff;padding:20px;} #gallery-section .gallery-list .gallery-item:hover{background:#E52021;} #gallery-section .gallery-list .gallery-item h4{margin:0 0 20px;color:#fff;} .getquote-container{position: fixed;top: 0;right: 0;max-width:900px;display: none; height: 100%;overflow-y:scroll; background:#222222; padding:30px; z-index:99999;transform: translateX(100%); -webkit-transform: translateX(100%);} .selected {animation: slide-in 0.5s forwards;-webkit-animation: slide-in 0.5s forwards;} .dismiss {animation: slide-out 0.5s forwards;-webkit-animation: slide-out 0.5s forwards;} .getquote-container .contact-form{display: flex;align-items: center;height: 100%;} #closeFilePanel{position:absolute;right:15px;top:15px;font-size:22px;padding:6px 12px;background:#fff;color:#000;} .getquote-container .form-cont input[type="checkbox"]{width:20px;} #sticky-footer {z-index: 10;width: 100%;position: fixed;bottom: 0;left: 0;transition: .5s ease;opacity: 0;transform: translate(0px, -100%);display: none;} #sticky-footer.dark{background:#000000;padding:15px;} #sticky-footer .sticky-btns{display:flex;gap:10px;} #sticky-footer .sticky-btns .btn{padding:10px;font-size:17px;gap:5px; text-transform: uppercase;} @keyframes slide-in { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes slide-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } @-webkit-keyframes slide-out { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); } } .page-template-temp-steelbeams-single #reviewSection{background:#FDFDFD;} #reviewSection .subtext{max-width:800px; margin:0 auto 20px;} #stepsSection{background-size:cover !important;} #stepsSection .stepsInner{display:flex; gap: 20px; padding-bottom:30px;} #stepsSection .stepsInner .stepCount:after{content:'';width:1px;height:70%;display:block;margin:5px auto 0; background:#929191;} #stepsSection .stepsInner:last-child .stepCount:after{display:none;} #stepsSection .stepsInner .stepTitle, #stepsSection .stepsInner .stepCount{font-size:24px;} #stepsSection .stepsInner .stepTxt{font-size:18px;} .projectGallery{padding-top:50px;} .projectGallery .imgBox{margin:0 0 20px;} @media only screen and (min-width:768px) and (max-width:1200px) { body .container { width: 95%;} p{font-size:14px;line-height:1.4em;} section{padding:70px 0;} #masthead .col-sm-10 .row:first-child{font-size:11px;} #site-navigation a{padding:0 5px;font-size:14px;} .banner-subtitle{font-size:18px;} .main-title{font-size:48px;} .section-title{font-size:38px;} .subtext, .subtext p{font-size:16px;line-height:1.4em;} .subtext{margin:0 0 40px;} section .subtitle{font-size:16px;} section .owl-stage-outer{padding:20px 0;} section .owl-stage .owl-item{padding:0 10px;} .form-cont input, .form-cont textarea, .form-cont select{padding:8px 12px;font-size:14px;} .contact-content a{font-size:16px;} .copyrights-cont{font-size:12px;} #banner-section .banner-information{padding:150px 0 100px;} #banner-section .banner-information .banner-txt{font-size:14px;line-height:1.4em;} #about-section .about-content{padding:0;} #service-list li{font-size:24px;} #counter-section h3 .count{font-size:60px;} #counter .counter-txt{font-size:16px;} #reviews-slider .trust-slide h4{font-size:20px;} #reviews-slider .trust-slide .review-text{margin:10px 0;} #reviews-slider .author-info .client-name{font-size:14px;} #blog-section h3.post-title{min-height:90px;} #main-footer .footer-text{font-size:16px;line-height:1.4em;} } @media only screen and (min-width:482px) and (max-width:767px) { #masthead .logo img{width:auto;} #masthead .col-xs-6{flex-basis: 100%;max-width: 100%;} #site-navigation{padding:0 10px;} #site-navigation a{font-size:14px;padding:0 5px;} #site-navigation .astm-search-menu{display:none;} #site-navigation.primary-navigation div > .menu-wrapper{justify-content:center;} } @media(max-width:767px){ .show-mobile, #sticky-footer.show.show-mobile{display:block;} .hide-mobile{display:none !important;} #masthead #site-navigation .primary-menu-container#mobile-menu{position:absolute;} #sticky-footer.show {opacity: 1;transform: translate(0px, 0%);display: block;} section{padding:50px 0;} .section-title, #contact-section .section-semi-title, #why-section .section-semi-title, #policy-section .section-semi-title, #transfer-section .section-semi-title, #contactinfo-section .section-semi-title, #gallery-section .section-semi-title, #contact-page-section .section-semi-title, body:not(.home) .section-title{font-size:32px;} .section-title br{display:none;} .page-template-temp-steelbeams #inner-banner-section, .page-template-temp-steelbeams-single #inner-banner-section{position:relative;} .page-template-temp-steelbeams #inner-banner-section:before, .page-template-temp-steelbeams-single #inner-banner-section:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0; top:0;} .page-template-temp-steelbeams #inner-banner-section .container, .page-template-temp-steelbeams-single #inner-banner-section .container{position:relative;} .page-template-temp-steelbeams #inner-banner-section .main-title, .page-template-temp-steelbeams-single #inner-banner-section .main-title{max-width:100%;} .bannerList li{font-size:17px;} .section-title div{display:inline;} .section-semi-title{font-size:22px;} .banner-subtitle{font-size:18px;} .main-title{font-size:38px;max-width: 240px;margin:10px 0 20px;} .subtext{margin:0 0 30px;} section .owl-stage-outer{padding:20px 0;} section .owl-dots{margin:0;} section .owl-stage .owl-item{padding:0;} section p:last-child{margin-bottom:0;} section .wpcf7 p:last-child{margin-bottom:15px;} .subtext, .subtext p{font-size:16px;line-height:1.5em;} .metaslider.ms-theme-outline .rslides_tabs{display:none !important;} .metaslider.ms-theme-outline .rslides_nav{opacity:1 !important;font-size:0;height: 40px !important;width: 40px !important;margin-top: -20px !important;} #banner-section{display:flex;min-height:100vh;padding:0;} #banner-section .container{margin:0 auto;} #banner-section .banner-information{padding:120px 0 50px;} #about-video-section iframe{height:280px;} .stepsList{padding-top:20px;} .service-slider .col-sm-4{order:2;} #service-list{padding:15px 0;} #service-list li{padding:10px 15px 10px 32px;font-size:20px;display:inline-block;width:100%;} #counter-section{padding:20px 0;} #counter{background:url(images/divider.png) center center no-repeat;} #counter .counter-inner{padding:10px 15px; text-align:center;} #counter > div + div{border:none;} #counter .counter-txt{font-size:14px;} #counter-section h3 .count{font-size:56px;} .v2 #counter-section h3 .count{font-size:42px;} #testimonials-section .subtitle{margin:0;} #testimonials-section .section-title{margin:10px 0 0 0;} #blog-section .blog-list{margin:0 0 20px;} section#blog-section .owl-stage-outer{padding-top:0;} #contact-section .container > .row > div{padding:20px;} #contact-section .container > .row > div.col-sm-2{padding:0;} #contact-section > .container > .row{background:none;} #contact-section .container .contact-form{order:2;} #contact-section .container .row .contact-info{padding:0 10px 30px;background:none;} .form-cont .wpcf7 input[type="file"]{padding:15px;} .contact-content > .row{gap:15px;} .form-cont .wpcf7-list-item label span{font-size:12px;} #brands-section .brand-logo{padding:5px;} #brands-section .col-sm-3:nth-child(2){order: 3;} #brands-section .col-sm-3:nth-child(3){order: 4;} #brands-section .col-sm-3:nth-child(4){order: 2;} .contact-content a{font-size:16px;} #main-footer .container > .row{gap:25px;} .widget-title{font-size:20px;margin:0 0 5px;} .copyrights-cont{text-align:center;} .footerlinks{text-align:center;} .footer-navigation li a{font-size:14px;} #inner-banner-section{background-position:left top;padding-top: 100px;min-height: 430px;} body:not(.home) .section-title{margin:0 0 10px;} #inner-banner-section .main-title{font-size:32px;} .container .m-container{width:auto;} #intro-section .container .m-container{text-align:left;} #intro-section .intro-content{padding:20px 0.5rem 0;} #policy-section{padding-bottom:0;} #policy-section .s-container{text-align:left;} #policy-section .policy-list{margin:0 -25px;} #transfer-section{padding-bottom:20px;} #transfer-section .transfer-cont{padding:0;} #transfer-list{margin:30px -30px 0;} #transfer-list .col-xs-12{margin-bottom:15px;} .page-template-temp-turns #intro-section{padding-bottom:0;} .page-template-temp-turns #intro-section img{width:100%;height:auto;} #gallery-section .section-semi-title{text-align:left;} #time-capsule-section{background-size:cover;padding-bottom:0;} #time-capsule-section .txt-dark{background:#F5F5F5;padding: 20px 20px 50px;margin: 0 -22px;} #content-section ol{padding-left:10px;} #content-section h3, #content-section p{text-align:left !important;} #content-section .section-title{text-align:left;} #contact-page-section{padding-bottom:0;} #contact-page-section > .container{width:100%;} #contact-page-section > .container > .row{} #contact-page-section .contact-info{padding:0 30px 30px;} #contact-page-section .contact-form{padding: 30px;background: #f7f7f7;} #contact-page-section .form-cont{margin:0;padding:20px;} #blog-content{padding:50px 0;} #blog-banner .banner-text{padding:0;} #single-blog h1, #blog-banner h1{font-size:22px;} #blog-sidebar.sticky #tableofcontent{position:static;max-width:100%;} #blog-content .blog-inner-content{padding:30px 0 0;} #single-blog p, #blog-banner p, .blog-inner-content li{text-align:left;} #video-section .video-cont img{top:-20px;left:-20px;width:50px;} .product-single .img-cont img{background:none;padding:0 0 20px;} #intro-section .col-sm-8 .subtext{margin:0;} #specifications-section .section-content{overflow: auto;} .brands-list{flex-wrap: wrap; justify-content: center;} .brands-list > div{width:45%;} .section-content table td, .section-content table th{min-width:150px;} #vacanciesList{padding:0;} #vacancies-section .form-cont{margin:30px 0;} #gallery-section{padding-bottom:30px;} #gallery-section .gallery-list .gallery-item{margin:0 0 20px;} .page-template-temp-careers #intro-section .intro-info{padding:0;} #videos-section .videos-list li{width:100%;} #videos-section .videos-list .video-cont iframe{margin:0;} #career-cta-section{text-align:center;} #career-cta-section .btn{margin:0 auto;} #videos-section .m-container{text-align:left;} .hightlight-box{flex-direction:column;padding:20px;} .hightlight-box .txt-cont{order:2;font-size:16px;} .hightlight-box .socialinks{width:100%;text-align:left;margin:0 0 10px;} .core-list{justify-content: left;padding: 10px 0 0;} .core-list li{margin:0 0 0 20px;text-align:left;} #core-section .m-container, #team-section .m-container{text-align:left;} .page-id-19856 .wmts_search{margin:0 0 30px;} .page-id-19856 .wmts_search > *{width:100%;} .wmts_member{margin-bottom:15px !important;} #videos-section.engineer-videos .videos-list li{width:100%;} #videos-section .section-title{margin-top:40px !important;} #videos-section .subtext{margin:0;} .intro-list-item:nth-child(2) .intro-list-image{order:2;} #youtube-cta-section .row{text-align:center;gap:15px;} #youtube-cta-section .row img{max-width:50%;} #specificationList{padding:0;} #specificationList ul, #specificationList ol{padding:0 0 0 20px;} #case-study-section .case-study-list{background-position:left top;} #case-study-section .case-study-list:before, #case-study-section .case-study-list:after{left:-3px;} #case-study-section .case-study-list .case-study-item > div{padding:30px 20px 30px 30px;} #case-study-section .case-study-list .case-study-item > .case-study-content{padding:0 20px 30px 30px;order:2;} #case-study-section .case-study-list .case-study-item .list-count{width:35px;height:35px;left:-8px;top:-1%;line-height:35px;font-size:16px;} .page-template-temp-steelo-large #intro-section .intro-cont{padding: 0 0 20px;} #intro-section .video-cont img{top: -30px;left: -20px; width: 70px;} #cta-img-section{padding:30px 0;} .page-template-temp-steelo-large #service-section{background-size: 100% 48%; padding: 30px 0;} #project-section{background:#F5F5F5;} #project-section .m-container{text-align:left;} #project-section .wpsisac-slick-carousal.wpsisac-prodesign-1 .wpsisac-slide-wrap .wpsisac-img-wrap{height:auto;} #project-section .feature-slider .wpsisac-slick-carousal{margin:0;padding:0;} #project-section .feature-slider .wpsisac-slider-short-content{flex-direction:column !important;padding:0;margin:0;} #project-section .feature-slider .wpsisac-slider-short-content > div{width:100%;} #project-section .feature-slider .left-side{order:2;} #project-section .feature-slider .numbers{display:none;} #project-section .feature-slider .slick-list.draggable{padding:0;} #project-section .feature-slider .slidein-left{padding:0;} #project-section .feature-slider .slidein-left::before{display:none;} #project-section .feature-slider .slidein-left h3{color:#222222;font-size: 22px; margin: 10px 0 0;} #project-section .feature-slider .slidein-left h3 br{display:none;} #project-section .feature-slider .wpsisac-slick-carousal .slick-next{right: 42% !important;} #project-section .feature-slider .wpsisac-slick-carousal .slick-prev{left:35.5% !important;bottom:7px;} } @media(max-width:481px){ .btn{max-width:100% !important;} #masthead.fixed{top:0;transition: none;} .lock-scrolling #masthead.fixed{top:0;} #masthead .container{width:98%;} #masthead .logo img{max-width:180px;margin:0 0 0 15px;} #masthead #site-navigation, #masthead #site-navigation .menu-button-container{padding:0;position:static; background: none;} #masthead .col-sm-10 .row:nth-child(2), #masthead .col-sm-10 .row:first-child{background:none;} #masthead #primary-mobile-menu .dropdown-icon{font-size:0;} #masthead #primary-mobile-menu svg{color:#fff;margin: 0;width: 30px;height: 30px;} #masthead #site-navigation > .primary-menu-container{display:none;top:72px;border:none;background: #fff;color: #222;padding:0px;} #masthead #site-navigation > .primary-menu-container > div{padding:20px 30px;} #masthead #site-navigation .primary-menu-container#mobile-menu{display:flex;flex-direction:column;justify-content: space-between;height: calc(100vh - 75px);} #site-navigation.primary-navigation .primary-menu-container > ul > .menu-item{padding:10px;position: relative;} #site-navigation.primary-navigation .primary-menu-container ul > .menu-item + .menu-item{border-top:1px solid #999999;} #site-navigation.primary-navigation .primary-menu-container ul > .menu-item ul{padding:5px;} #masthead #site-navigation .primary-menu-container a{color: #222; font-family: "Poppins", sans-serif;padding:0;} #masthead #site-navigation .primary-menu-container .current-menu-item a{color:#E52021;} #site-navigation .sub-menu, #site-navigation .sub-menu-toggle, #masthead #site-navigation .primary-menu-container .astm-search-menu{display:none;} #site-navigation .is-search-submit{display:block !important;position: absolute;right:10px;top:5px;background: none;} #site-navigation .is-search-submit span{background:none;border:none;padding:0;} #site-navigation .mobile-search input[type="search"]{background: #F1F1F1;border-radius: 50px;padding: 15px 30px; height:auto;} #site-navigation .is-form-style.is-form-style-3 label{width:100% !important;} #site-navigation.primary-navigation div > .menu-wrapper{padding:0;margin:0;list-style:none;} #masthead #site-navigation > .primary-menu-container > div.mobile-contact{padding:30px 30px 110px;background:#222;} #masthead #site-navigation .primary-menu-container .mobile-contact a{color:#fff;} #site-navigation.primary-navigation div > .menu-wrapper .sub-menu-toggle{display: flex;background: none;padding: 0; position: absolute; right:10px; top: 10px;} #site-navigation.primary-navigation div > .menu-wrapper .sub-menu-toggle svg{color:#000;width:25px;height:25px;} #site-navigation .sub-menu{transition: all 0.5s ease; border: none;} #site-navigation .sub-menu-toggle[aria-expanded="true"] .icon-plus, #site-navigation .sub-menu-toggle[aria-expanded="false"] .icon-minus{display:none;} #site-navigation .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu{display:block;} .form-cont input[type="checkbox"]{width:40px;} .footerlinks a{margin:0 10px;font-size:12px;} }