body{font-family: 'Heebo', sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000} p{margin-bottom:0;font-size:16px;color:#000;line-height:25px;margin-bottom:25px} p.medium{font-weight:600;font-size:18px} a{text-decoration:none!important} ul{padding:0;margin:0;list-style:none} h1,h2,h3,h4,h5,h6{margin:0} img{max-width:100%} .heading{font-size: 45px; font-style: normal; font-weight: 500; line-height: 45px; text-transform: capitalize;position:relative;margin-bottom: 25px;} .heading:after{content:"";width:84px;height:5px;background:#EA2424;position:absolute;bottom:0;left:0} .heading3:after{content:"";width:84px;height:2px;background:#fab600;position:absolute;bottom:0;left:0} .heading{position:relative;line-height:1;padding-bottom:17px} .heading.text-center:after{left:50%;transform:translateX(-50%)} .heading3.text-center:after{left:50%;transform:translateX(-50%)} .heading2{font-size:28px;color:#000;font-weight:500;line-height:1.2;margin-bottom:25px;text-transform:Capitalize;position:relative; padding-bottom: 8px;} .heading2:after{content:"";width:84px;height:2px;background:#ea2424;position:absolute;bottom:0;left:0} .heading2.text-center:after{left:50%; transform:translateX(-50%)} .section-heading{text-align:center;margin-bottom:80px} .section-heading h2{font-size:36px;font-weight:600;color:#1e1e1e} .section-heading span{display:block;margin-top:15px;text-transform:uppercase;font-size:15px;color:#666;letter-spacing:1px} @-webkit-keyframes jumper{ 0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)} 5%{opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @keyframes jumper{ 0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)} 5%{opacity:1} 100%{opacity:0} } header{position:fixed;z-index:99999;width:100%;background-color:#fff!important;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;background:#fff;top:0} header .navbar{padding:0} .navbar .navbar-brand{float:left;margin-top:0;outline:0;padding:10px 0} .navbar .navbar-brand h2{color:#fff;text-transform:uppercase;font-size:24px;font-weight:700;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s} #navbarResponsive{z-index:999} .navbar-collapse{text-align:center} .navbar .navbar-nav .nav-item{margin:0} .navbar .navbar-nav a.nav-link{text-transform:capitalize;font-size:15px;font-weight:300;letter-spacing:.5px;color:#fff;transition:all .5s;margin-top:5px} .navbar .navbar-nav a.nav-link{margin:0;border:0!important;font-size:16px;color:#000;text-transform:uppercase;font-weight:400;position:relative;padding:27px 0;font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.7px; text-transform: capitalize;} .navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link:hover{color:#fab600;border-bottom:3px solid #25c3ae} .navbar .navbar-toggler-icon{background-image:none} .navbar .navbar-toggler{border:0;background-color:#fff;height:36px;outline:0;border-radius:0;position:absolute;right:15px;top:17px;padding:0} .navbar .navbar-toggler-icon:after{content:'\f0c9';color:#013a7a;font-size:21px;line-height:26px;font-family:FontAwesome} .navbar .navbar-nav .nav-item a:before{content: ""; position: absolute; bottom: 0px; width: 0; left: 0; height: 2px; background: #EA2924;opacity:0;transition:.all .5s ease;transition:all .5s} .navbar .navbar-nav .nav-item:hover > a:before{opacity: 1; width: 100%;} .navbar .navbar-nav .nav-item:hover > a { color: #EA2924; } .navbar .navbar-nav a.nav-link.request-quote:before{display:none} .navbar .navbar-nav a.nav-link.request-quote{background:#fab900;background:linear-gradient(90deg,#fab900 0,#f3480f 100%);padding:11px 24px;margin:20px 0;color:#fff;font-weight:400;border-radius:30px;transition:all .5s ease;transition:all .5s} .navbar .navbar-nav a.nav-link.request-quote:before{content:"";width:20px;height:20px;position:absolute;background:url(../images/quote-icon.png) no-repeat right center;right:20px;display:block;left:auto;top:50%;transform:translateY(-50%);opacity:1} a.read-more.quote-btn{position:relative;padding-right:50px} .quote-btn:before{content:"";width:20px;height:20px;position:absolute;background:url(../images/quote-icon.png) no-repeat right center;right:20px;display:block;left:auto;top:50%;transform:translateY(-50%);opacity:1} .navbar .navbar-nav a.nav-link.request-quote{position:relative;padding-right:50px} .navbar .navbar-nav a.nav-link.request-quote:hover{background:#00a5e6;background:linear-gradient(90deg,#00a5e6 0,#006fb5 100%)} .navbar .navbar-nav a.nav-link:after{content:"";height:16px;width:1px;background:#000;position:absolute;right:-12px;top:50%;transform:translateY(-50%);display:block;border:0; display:none;} .navbar .navbar-nav .nav-item.no-devider a.nav-link:after{display:none} *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .navbar .navbar-nav .nav-item{position:static; margin-left: 10px;} /*************************************/ ul.dropdown-menu > li { max-width: 1280px; transform: translateX(-50%); left: 50%; position: relative; display: flex; padding: 0 15px; } .product-data-menu { width: 400px; position: relative; /* width: 200px; */ height: 100%; left: 0; top: 0; background: transparent; padding-right: 40px; } .menu-level2 { position: relative; width: calc(100% - 400px); height: auto; min-height: 100%; left: 0; top: 0; background: transparent; padding-left: 40px; border-left: 1px solid rgba(0, 0, 0, 0.10); } .menu-level2 ul { width: 100%; } .menu-level2 ul { position: static; width: 450px; height: 100%; left: 0; top: 0; background: transparent; padding-right:40px; min-height: 280px; } .menu-gallery { position: absolute; right: 0; left: 490px; top: 0; height: 100%; background: #F7F7F7; text-align: right; } .menu-level2 ul li { position: static; } ul.dropdown-menu{border-radius:0;margin:0;min-width:270px;background: #F7F7F7;border:0} ul.dropdown-menu li a:before{display:none} ul.dropdown-menu > li{margin-bottom:15px;} ul.dropdown-menu li a { font-size: 18px; font-style: normal; font-weight: 400; line-height: 40px; letter-spacing: 0.18px; text-transform: capitalize; color: #000; padding: 0; } ul.dropdown-menu{padding:40px 0} ul.dropdown-menu li:last-child a{border-bottom:0} ul.dropdown-menu li a:hover{color:#fff;background:#25c3ae} ul.dropdown-menu li{width:100%;float:left} ul.dropdown-menu li .menu-gallery { visibility: hidden; opacity: 0; transition: opacity .6s ease; pointer-events: none; } ul.dropdown-menu li.active .menu-gallery { /* visibility: visible; opacity: 1; z-index: 1; */ } ul.dropdown-menu li .menu-level2 ul li:hover .menu-gallery { visibility: visible; opacity: 1; z-index: 9; } ul.dropdown-menu li li { padding-left: 35px; background:url(../images/menu-arrow.svg) no-repeat left center } @media all and (min-width:992px){ .navbar .nav-item:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; transform: translateY(0); max-height: unset; padding: 40px 0;} .navbar .nav-item > .dropdown-menu:after { content: ""; background: rgba(0,0,0,0.3); top: 100%; height: 0; transition: all 0.3s ease; position: absolute; left: 0; width: 100%; z-index: 0; opacity:0; visibility: hidden; pointer-events: none; } .navbar .nav-item:hover > .dropdown-menu::after { height: 100vh; opacity:1; visibility: visible; } .menu-level2 { visibility: hidden; opacity: 0; transition: all .5s ease; transform: translateY(-50px); } .navbar .nav-item:hover .dropdown-menu .menu-level2 { visibility: visible; opacity: 1; transform: translateY(0); } .navbar .nav-item .dropdown-menu{margin-top:0} .menu-level2 li:hover .menu-gallery { visibility: visible; opacity: 1; z-index: 101; pointer-events: auto; } .navbar .navbar-nav .nav-item:hover ul.dropdown-menu li.active .menu-gallery { visibility: visible; opacity: 1; } .menu-gallery img { top: 50%; position: relative; transform: translateY(-50%); width:310px; } .navbar .nav-item >.dropdown-menu{ display: block; } .navbar .nav-item >.dropdown-menu { width: 100%; width: 100%; opacity: 0; visibility: hidden; transform: translateY(25px); transition: opacity 0.5s ease; max-height: 0px; padding: 0; } ul.dropdown-menu > li { max-height: 0; overflow: hidden; } .navbar .nav-item:hover .dropdown-menu > li { max-height: unset; } .product-data-menu { visibility: hidden; opacity: 0; transform: translateY(-35px); transition: all .5s ease; } .navbar .nav-item:hover .dropdown-menu .product-data-menu { visibility: visible; opacity: 1; transform: translateY(0); } } .product-data-menu h3 { font-size: 40px; font-style: normal; font-weight: 500; line-height: 45px; text-transform: capitalize; text-align: right; position: relative; padding-bottom: 15px; margin-bottom: 15px; } .product-data-menu h3::after { content: ""; width: 70px; height: 5px; background: red; position: absolute; bottom: 0; right: 0; } .product-data-menu p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: none; text-align: right; display: none; } .product-data-menu p span { /*color: #EA2924; */ /* display: block;*/ } .menu-level2 ul li:hover a { color: #EA2924; background: transparent; } .menu-level2 ul li:hover { padding-left: 40px; } .menu-level2 ul li, .menu-level2 ul li a { transition: all .5s ease; } .navbar .navbar-nav a.nav-link.btn { background: url(../images/btn-arrow.svg) no-repeat 94% center; background-color: #EA2424; color: #fff !important; padding-left: 12px; padding-right: 40px; border-radius: 0; } .bg-grey{background:#F4F4F4} .counter-icon{position:absolute;left:0;top:50%;transform:translateY(-50%)} .count-area-content{position:relative;margin-top:38px;color:#000; text-align:center; } .count-digit{font-size: 60px; font-style: normal; font-weight: 400; line-height: 60px; text-transform: capitalize;} .count-digit:after{content:"+"} .count-title{font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 0.14px; text-transform: capitalize;} .counter-row { display: flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-img { position: absolute; width: 46%; height: 100%; top: 0; } .about-img img { object-fit: cover; height: 100%; max-width: 100%; } .about-home { position: relative; background:url(../images/about-bg.jpg) no-repeat center; background-size:cover; } .about-home .offset-lg-6.col-lg-6 { /* padding-left: 0; */ margin-left: calc(50% - 50px) !important; } .counter-col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .about-home .offset-lg-6.col-lg-6 { /* padding-left: 0; */ margin-left: calc(50% - 4%) !important; /* max-width: calc(50% + 50px) !important; */ -ms-flex: 0 0 55%; flex: 0 0 54%; max-width: 54%; } .know-more-btn { display: inline-block; width: 100%; } .know-more-btn a { background: #EA2424; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: uppercase; color: #fff; padding: 10px 18px; float: left; } .know-more-btn span.icon { margin-left: 10px; } .small-text { font-size: 15px !important; font-style: normal; font-weight: 400; line-height: 24px !important; text-transform: capitalize; } section{padding:100px 0} .bg-dark-grey { background: #58585A; } .project-inside-home { margin-left: 9%; display: flex; align-items: center; padding-right:20px; } .project-heading { margin-right: 50px; width: 32%; } .project-blocks .row { margin-left: -10px; margin-right: -10px; } .project-blocks .row > div { padding-left: 10px; padding-right: 10px; } .project-category-name h3 { font-size: 28px; font-style: normal; font-weight: 500; line-height: 26px; text-transform: capitalize; color: #fff; text-align: center; margin-top: 15px; } .project-heading p { font-size: 24px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 0.24px; text-transform: capitalize; } .project-svg-bg { position: absolute; top: 20px; bottom: -27%; left:-15%; width:45%; overflow: hidden; } .project-svg-bg object { opacity: 0.1; width:100%; } section.projects-home { position: relative; overflow: hidden; } .project-svg-bg object { } #loading-spinner { animation: loading-spinner 50s linear infinite; } @keyframes loading-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .testimonial-carousel .owl-dot{display:inline-block;margin:0 5px;width:22px;height:4px;border-radius:0;background-color:#fff!important;border:1px solid #fff!important;position:relative} .testimonial-carousel .owl-dot.active{background-color:#000!important;border:1px solid #000!important} .testimonial-container { padding-left: 9%; padding-right: 20px; position: relative; } .testimonial-container { display: none; } .owl-carousel.testimonial-carousel{text-align:center; overflow: visible; position: static;} span.star { width: 20px; display: inline-block; } .review { display: block; } .testimonial-item { background: #fff; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05); margin: 10px; padding: 40px 30px; min-height: 311px; } .testimonial-carousel .owl-nav { max-width: 1280px; padding: 0 15px; position: absolute; top: 20px; left: 50%; width: 100%; transform: translateX(-50%); text-align: right; z-index: 9; } .testimonial-carousel .owl-nav { display: flex; justify-content: right; } .testimonial-carousel .owl-nav .owl-next { transform: rotate(180deg); } .testimonial-carousel .owl-nav .owl-prev { margin-right: 15px; } .owl-carousel.testimonial-carousel .owl-stage-outer{overflow:hidden} .testimonial-item p { text-align: left; font-size: 16px; font-style: normal; font-weight: 400; line-height: 23px; text-transform: capitalize; margin-bottom: 15px; } .review { text-align: left; margin-bottom: 10px; } .testimonial-item p.name { font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-transform: capitalize; margin: 0; } #logo-carousel .owl-item img{margin: 0 auto; width: auto;} div#logo-carousel{margin-top:45px} .jnk-energy-panel{background:url(../images/jnk-renewable-energy-bg.jpg) no-repeat center; background-size:cover; } section.jnk-energy-panel.about-jnk-renewable { background: url(../images/about-jnk-renewable.jpg) no-repeat center; } .bg-parallex { background-attachment: fixed; } .jnk-energy-content { width: 790px; background: #fff; padding: 50px 0; padding-right: 134px; position: relative; padding-left: 5px; max-width: 100%; } .jnk-energy-content:before { content: ""; width: 500px; height: 100%; background: #fff; position: absolute; right: 100%; top: 0; } section.jnk-energy-panel { padding-bottom: 0; padding-top: 354px; } .download-brochure-inner { display: flex; justify-content: center; align-items: center; } .bg-red { background: #EA2924; } section.download-brochure { padding: 0; } .download-brochure-inner { display: flex; justify-content: center; align-items: center; } .bg-red { background: #EA2924; } section.download-brochure { padding: 0; } .brochure-btn a { display: flex; align-items: center; color: #fff; border: 1px solid #fff; padding: 15px 15px; font-size: 24px; font-style: normal; font-weight: 400; line-height: 36px; } .brochure-btn a span.icon { margin-right: 15px; display: inline-flex; } .brochure-img { margin-right: 40px; } .services-content p, .about-us-content p, .jnk-energy-content p, .page-global-presence p, .contact-data p { font-size: 24px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 0.24px; } .text-red { color: #EA2424; text-decoration: underline; } .services-content span.text-red { display: block; } .services-content { padding-right: 80px; padding-top: 80px; } .services-col { margin-top: 50px; } .services-txt h3 { font-family: Heebo; font-size: 30px; font-style: normal; font-weight: 500; line-height: 35px; margin: 20px 0; } .know-more-btn-2 a { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: uppercase; color: #EA2424; } .know-more-btn-2 a span.icon { margin-left: 20px; } .know-more-btn-2 { clear: both; display: inline-block; width: 100%; } .services-inner .services-col:first-child { margin-top: 0; } section.services { padding: 0; padding-bottom:80px; } .services-inner .col-lg-6 { padding: 0 38px; } .services-inner .row { margin-left: -38px; margin-right: -38px; } footer{background:#F1F1F1;padding:60px 0 0;background-size:cover;color:#000;clear:both} .footer-item{width:17.5%;padding-left:30px;border-right:0px solid rgb(255 255 255 / 55%)} .footer-item.footer-item1{width: 21%;/* padding-left:0; */border:0} .footer-item.footer-item5{width: 19%;border:0} .footer-item.footer-item5 ul.menu-list ul li:first-child:hover{padding-left:0} footer ul.menu-list li{margin-bottom:13px} footer ul.menu-list li li{margin-bottom: 0;line-height:1.1} footer ul.menu-list li:last-child{margin-bottom:0} footer ul.menu-list li a{font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: uppercase;color: #000;} footer ul.menu-list > li{font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: uppercase;color: #000;} footer ul.menu-list li li a{font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px; text-transform: capitalize;color:#000; transition: all 0.5s ease;} .footer-item-last ul.menu-list ul li{width:50%;float:left; } footer ul.menu-list li a:hover{color:#E72321} footer ul.menu-list li:first-child{padding-top:0} footer ul.menu-list>li:first-child+li{margin-top:12px} footer ul.menu-list li{position:relative;margin:0} footer ul.menu-list li li{padding:0;padding-left:0;/* background:url(../images/footer-bullet.png) no-repeat left 7px; */transition:all .3s; transition: all 0.5s ease;} footer ul.menu-list li ul{margin-top:0;border-top:0;padding-top:5px} footer ul.menu-list li li:after{display:none} ul.menu-list>li:last-child:after{display:none} footer ul.menu-list li li:hover{padding-left:5px} footer ul.menu-list li li:hover a{color:#E72321} .footer-item.footer-item5 li a i{background:#fff;color:#00a2e4;width:33px;height:33px;display:inline-block;text-align:center;line-height:33px;border-radius:50%;margin-right:10px} .footer-item.footer-item5 li a{text-align:left;margin-top:8px;text-transform:none; text-transform: uppercase; margin-top: 0;} .footer-item.footer-item5 li a i.fa.fa-envelope-o{font-size:20px} .footer-item.footer-item5 li a i.fa.fa-mobile{font-size:31px} .footer-item.footer-item5 li a span{line-height:33px;display:inline-block;vertical-align:top} footer ul.menu-list > li > a:after { content: ""; width: 35px; height: 2px; background: #E72321; position: absolute; left: 0; bottom: 1px; } footer ul.menu-list > li > a { padding-bottom: 5px; position: relative; margin-bottom: 3px; display: inline-block; width: 100%; } footer ul.menu-list > li { margin-bottom: 20px; } .sub-footer{background-color:transparent;text-align:center;padding:20px 0;margin-top:10px} .sub-footer p{color:#000;font-size: 13px; font-style: normal; font-weight: 400; line-height: 24px;margin:0} .sub-footer a{color:#000;text-decoration:underline!important} .sub-footer a.footer-links { text-decoration: none !important; } .sub-footer p { text-align: left; } .sub-footer p a.footer-links:after { content: "|"; margin: 0 8px; } .sub-footer p a.footer-links:last-child:after { display: none; } .sub-footer { border-top: 1px solid rgba(0,0,0,0.1); } .footer-follow{font-size: 30px; font-weight: 500; margin-top: 0px; text-align: right; padding-right: 180px;} .footer-follow a{display: inline-block; text-align: center; margin-right: 13px;} .newsletter-form .g-recaptcha { transform:scale(0.7); transform-origin:0 0; } ul.menu-list.get-in-touch li li { display: flex; align-items: flex-start; } ul.menu-list.get-in-touch li li img { margin-right: 5px; } ul.menu-list.get-in-touch li li, ul.menu-list.get-in-touch li li a { font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; text-transform: none; } footer { position: relative; overflow: hidden; } footer:before { content: ""; position: absolute; top: -120px; bottom: -27%; left: -65%; width: 120%; height: 120%; background: url(../images/project-pattern.svg) no-repeat center; background-size: contain; animation: loading-spinner 50s linear infinite; opacity: 0.03; } .carousel-caption .container { position: relative; height: 100%; } .carousel-caption-txt p { font-size: 50px; color: #fff; } .footer-item { padding-left: 25px; padding-right: 25px; } footer >.container > .row {margin-left: -25px;margin-right: -25px;} .footer-item.footer-item2 { width: 24.5%; } .footer-item.footer-item3 { width: 17.5%; } .footer-item.footer-item4 { width: 18%; } .newsletter-form form { position: relative; } .newsletter-form form input[type="submit"] { position: absolute; background:transparent; background:url(../images/newsletter-btn.svg) no-repeat center; right:0; top:0; height:40.8px; width:40px; font-size:0; border:0; outline:0; cursor: pointer; transition: all 0.3s ease; } ul.menu-list.get-in-touch ul.newsletter-ul li { display: block; } .newsletter-form form input[type="email"] { width: 100%; border: 0; background: transparent; border-bottom: 1px solid rgba(0,0,0,0.4); padding: 8px 40px 8px 0; font-size: 13px; font-style: normal; font-weight: 500; line-height: 24px; outline: 0; margin-bottom: 15px; } .newsletter-form form input[type="email"] input[type="submit"] {} .newsletter-form form input[type="email"]:focus { border-color: #EA2924; } .newsletter-form .form-group:hover input[type="submit"] { background-position: 97% center; } p.product-name { font-size: 24px; font-style: normal; font-weight: 500; line-height: 26px; color: #000; text-align: center; margin-top: 15px; } .owl-carousel .owl-item .height-small { padding: 40px 0; } .epc-content .heading3 { font-size: 35px; font-style: normal; font-weight: 500; line-height: 40px; } div#product-carousel .owl-nav { text-align: center; display: flex; justify-content: center; } div#product-carousel .owl-nav .owl-prev { margin-right: 20px; } div#product-carousel .owl-nav .owl-next {transform: rotate(180deg);} .epc-content .heading3:after { display: none; } .epc-content .heading3{ padding-bottom: 0; margin-bottom: 38px; } .owl-carousel .owl-stage-outer{background:transparent} .banner-main { height: 435px; } .header-part { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } #inside-header { position: relative; } #inside-header,div#carouselExampleControls{margin-top:74px} .jnk-renewable-header-main:after, .career-main:after, .investor-relation-main:after, .global-presence-main:after { content: ""; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.2); top: 0; left: 0; z-index: 1; opacity:0; } .header-part { z-index: 2; } .banner-main{ background-size: auto !important; background-attachment: fixed !important; background-position: center 74px !important;} .our-company-header {background: url(../images/header/our-company-header.jpg) no-repeat center;} .our-company-header2 {background: url(../images/header/our-company-header2.jpg) no-repeat center;} .our-company-header3 {background: url(../images/header/our-company-header3.jpg) no-repeat center;} .our-company-header4 {background: url(../images/header/our-company-header4.jpg) no-repeat center;} .our-company-header5 {background: url(../images/header/our-company-header5.jpg) no-repeat center;} .our-company-header6 {background: url(../images/header/our-company-header6.jpg) no-repeat center;} .our-company-header7 {background: url(../images/header/our-company-header7.jpg) no-repeat center;} .our-company-header8 {background: url(../images/header/our-company-header8.jpg) no-repeat center;} .our-company-header9 {background: url(../images/header/our-company-header9.jpg) no-repeat center;} .our-company-header10 {background: url(../images/header/our-company-header10.jpg) no-repeat center;} .our-company-header11 {background: url(../images/header/our-company-header11.jpg) no-repeat center;} .projects-header {background: url(../images/header/projects-header.jpg) no-repeat center;} .projects-header2 {background: url(../images/header/projects-header2.jpg) no-repeat center;} .projects-header3 {background: url(../images/header/projects-header3.jpg) no-repeat center;} .products-header {background: url(../images/header/products-header.jpg) no-repeat center;} .products-header2 {background: url(../images/header/products-header2.jpg) no-repeat center;} .products-header3 {background: url(../images/header/products-header3.jpg) no-repeat center;} .products-header4 {background: url(../images/header/products-header4.jpg) no-repeat center;} .products-header5 {background: url(../images/header/products-header5.jpg) no-repeat center;} .products-header6 {background: url(../images/header/products-header6.jpg) no-repeat center;} .epc-header {background: url(../images/header/epc-header.jpg) no-repeat center;} .epc-header2 {background: url(../images/header/epc-header2.jpg) no-repeat center;} .epc-header3 {background: url(../images/header/epc-header3.jpg) no-repeat center;} .investor-header {background: url(../images/header/investor-header.jpg) no-repeat center;} .investor-header2 {background: url(../images/header/investor-header2.jpg) no-repeat center;} .investor-header3 {background: url(../images/header/investor-header3.jpg) no-repeat center;} .investor-header4 {background: url(../images/header/investor-header4.jpg) no-repeat center;} .investor-header5 {background: url(../images/header/investor-header5.jpg) no-repeat center;} .investor-header6 {background: url(../images/header/investor-header6.jpg) no-repeat center;} .investor-header7 {background: url(../images/header/investor-header7.jpg) no-repeat center;} .careers-header {background: url(../images/header/careers-header.jpg) no-repeat center;} .careers-header2 {background: url(../images/header/careers-header2.jpg) no-repeat center;} .careers-header3 {background: url(../images/header/careers-header3.jpg) no-repeat center;} .contact-header {background: url(../images/header/contact-header.jpg) no-repeat center;} .disclaimer-header {background: url(../images/header/disclaimer-header.jpg) no-repeat center;} .sitemap-header {background: url(../images/header/sitemap-header.jpg) no-repeat center;} .terms-header {background: url(../images/header/terms-header.jpg) no-repeat center;} .privacy-header {background: url(../images/header/privacy-header.jpg) no-repeat center;} .jnk-renewable-header {background: url(../images/header/jnk-renewable-header.jpg) no-repeat center;} .jnk-renewable-header2 {background: url(../images/header/jnk-renewable-header2.jpg) no-repeat center;} .jnk-renewable-header3 {background: url(../images/header/jnk-renewable-header3.jpg) no-repeat center;} .jnk-renewable-header4 {background: url(../images/header/jnk-renewable-header4.jpg) no-repeat center;} .jnk-renewable-header5 {background: url(../images/header/jnk-renewable-header5.jpg) no-repeat center;} .jnk-renewable-header6 {background: url(../images/header/jnk-renewable-header6.jpg) no-repeat center;} .global-presence-header {background: url(../images/header/global-presence-header.jpg) no-repeat center;} .breadcrumb{background:transparent;padding:0 0;margin:0;float:left;width:100%} .breadcrumb~section{clear:both} .breadcrumb ul{text-align:center} .breadcrumb ul li{display:inline} .breadcrumb ul li,.breadcrumb ul li a{font-size:15px;font-weight:500;color:#fff; cursor: pointer;} .breadcrumb ul li{padding:0 8px;position:relative} .breadcrumb ul li:after{content:"|";position:absolute;right:-3px;top:0} .breadcrumb ul li:last-child:after{display:none} .page-heading .heading { color: #fff; padding: 0; margin: 0; font-size: 55px; font-weight: 500; max-width: 50%; } .page-heading{clear:both;margin-top: 10px; display: inline-block; width: 100%;} .page-heading .heading:after { display: none; } .breadcrumb ul li:first-child { padding-left: 0; } .page-tabbing { text-align: center; } .page-tabbing ul li { display: inline-block; margin: 0 22px; } .page-tabbing ul li a { font-size: 35px; font-style: normal; font-weight: 300; line-height: 40px; color: #000; padding-bottom: 0; border-bottom: 3px solid #D9D9D9; } .page-tabbing ul li.active a { color: #EA2924; border-color: #EA2924; } .page-tabbing ul li:last-child { /* margin-right: 0; */ } .page-bg { background: #fff; } p.p-heading { font-size: 15px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0.15px; padding: 0 120px; } .page-tabbing { margin-bottom: 38px; } span.country-tag { position: absolute; font-size: 18px; font-style: normal; font-weight: 500; line-height: 1; background: #EA2924; bottom: 0; left: 0; padding: 5px 10px; color: #fff; text-transform: uppercase; } .project-img { position: relative; } .project-details { width: 100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; display: block; } .project-details {} .project-details p span { font-weight: 600; text-transform: capitalize; display: block; width: 120px; flex: 0 0 120px; /* border-right: 1px solid #eee; */ margin-right: 10px; } .project-details p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; margin: 0; display: flex; justify-content: flex-start; margin-bottom: 0; padding: 5px 0; border-bottom: 1px solid #eee; } .project-details p:last-child { border-bottom: 0; } .project-details p span:after { content: ":"; float: right; } .project-details { padding: 10px 20px; background: #fff; border:1px solid #eee } .project-list { margin-bottom: 48px; } .project-name p { font-size: 19px; font-style: normal; font-weight: 500; line-height: 26px; /* 130% */ text-transform: capitalize; margin: 0; position: relative; padding-bottom: 10px; margin-bottom: 15px; } .project-name p:after { content: ""; width: 70px; height: 5px; background: #EA2924; position: absolute; bottom: 0; left: 0; } .project-listing-inside > .row { margin-left: -40px; margin-right: -40px; } .project-listing-inside > .row .col-md-4 { padding-left: 40px; padding-right: 40px; } section.p-60 { padding-top: 60px; padding-bottom: 60px; } .project-listing-inside a:hover .project-img img { transform: scale(1.1); } .project-img img { transition: all 0.5s ease; } .project-img { overflow: hidden; } .project-list.max-h .project-details p:first-child { min-height: 99px; } .project-details p:first-child { min-height: 55px; } .project-listing-inside.reformers .project-details p:first-child { min-height: unset; } img.mfp-img{max-height: 550px !important; padding: 0;} .mfp-image-holder .mfp-close { position: absolute; top: 0; width: 48px; height: 48px; font-size: 0; background: #EA2924 url(../images/close-popup.svg) no-repeat center; right: 0; opacity: 1; } .mfp-container { width: auto; max-width: 90%; left: 50%; transform: translateX(-50%); padding:0; } .mfp-wrap, .mfp-bg { z-index: 99999999; } .mfp-arrow-left:before, .mfp-arrow-left:after { display: none; } .mfp-arrow { width: 64px; height: 80px; margin-top: -40px; } .mfp-arrow-right:before, .mfp-arrow-right:after { display: none; } button.mfp-arrow.mfp-arrow-left { background: url(../images/popup-arrow-left.svg) no-repeat center; margin-left: 10px; } button.mfp-arrow.mfp-arrow-right { background: url(../images/popup-arrow-right.svg) no-repeat center; } .mfp-image-holder .mfp-content { max-width: 100%; width: 100%; } .mfp-arrow:active {margin-top:-40px} .gallery.hidden { overflow: hidden; display: none; visibility: hidden; } section.page-other .coming-soon { margin: 0; padding: 65px 0; } .icon-bar { width: 40px; height: 0; background: #EA2924; float: left; line-height: 1px; font-size: 0; margin: 4px 0; border-top: 2px solid #EA2924; } /************************************************/ @keyframes zoom { from { transform: scale(1); } to { transform: scale(1.1); } } .swiper-container { width: 100%; max-width: 100%; height: 627px; margin: 0 auto; margin-top: 74px; } .swiper-container .swiper-wrapper .swiper-slide { overflow: hidden; } .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } .swiper-container .swiper-wrapper .swiper-slide-prev img, .swiper-container .swiper-wrapper .swiper-slide-active img, .swiper-container .swiper-wrapper .swiper-slide-duplicate-active img { animation-name: zoom; animation-duration: 4s; animation-fill-mode: forwards; } .slide01{background:url(../images/slide_01.jpg) no-repeat center; background-size:cover} .slide02{background:url(../images/slide_02.jpg) no-repeat center; background-size:cover} .slide03{background:url(../images/slide_03.jpg) no-repeat center; background-size:cover} .slide04{background:url(../images/slide_04.jpg) no-repeat center; background-size:cover} .swiper-container .swiper-wrapper .swiper-slide-prev .swiper-slide-img, .swiper-container .swiper-wrapper .swiper-slide-active .swiper-slide-img, .swiper-container .swiper-wrapper .swiper-slide-duplicate-active .swiper-slide-img { width: 100%; height: 100%; position: relative; display: block; animation-name: zoom; animation-duration: 4s; animation-fill-mode: forwards; } .leftright{ animation-name: leftright; animation-duration: 1s;} @keyframes leftright { 0%, 20% { transform: translateX(-100%); left: 0%; } 80%, 100% { transform: translateX(0%); left: 100%; } } .tagline-text { position: absolute; top: 50%; transform: translateY(-50%); width:100%; left:0 } [data-animate] { opacity: 0; transition: all 0.8s ease; } [data-animate="bottom"] { transform: translate3d(0, 20px, 0); } .swiper-slide .tagline-text h2 {font-size: 30px; font-style: normal; font-weight: 500; line-height: 38px; /* 116.667% */ text-transform: capitalize; opacity:0; margin-bottom: 30px; } .swiper-slide .tagline-text h2 span{text-decoration:none;} .slide02 ~ .tagline-text h2, .slide02 ~ .tagline-text p, .slide04 ~ .tagline-text h2, .slide04 ~ .tagline-text p { /* color: #fff; */ } .swiper-slide.slide02:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; } .swiper-slide .tagline-text p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: capitalize; padding-right: 5%; opacity: 0; margin-bottom: 40px; } .swiper-slide-active [data-animate] { opacity: 1 !important; transform: none; transition-delay: 1s; } .swiper-slide-active .tagline-text h2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; opacity:1 } .tagline-text .container{padding-right: 50%;} .know-more-btn a:before, .know-more-btn a:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; background-color: red; transition: 0.5s ease-in-out; width: 0; height: 2px; z-index: 1; } .know-more-btn a { } .know-more-btn a:after {top: auto; right: 0; bottom: 0; left: auto;} .know-more-inner:hover a:before, .know-more-inner:hover a:after { width: 100%; } .know-more-inner { float: left; position: relative; transition:all 0.5s ease; } .know-more-inner a{transition:all 0.5s ease;} .know-more-inner:before, .know-more-inner:after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; background-color: red; transition: 0.5s ease-in-out; width: 2px; height: 0; z-index: 1;} .know-more-inner:before {right: 0; left: auto;} .know-more-inner:after { top: auto; bottom: 0;} .know-more-inner:hover:before, .know-more-inner:hover:after {height: 100%;} .know-more-inner:hover a { background: #fff; color: red; } .know-more-inner:hover a path.btn-arrow { fill: red; } .product-block:hover img { transform: scale(1.1); } .product-block .product-image, .services-img, .project-category-img { overflow: hidden; } .product-block img, .services-img img, .project-category-img img { transition: all 0.3s ease; } .services-col:hover .services-img img, .project-thumb:hover .project-category-img img { transform: scale(1.1); } .know-more-btn-2 a:before, .know-more-btn-2 a:after { content: ""; width: 0; height: 2px; bottom: 0; left: 0; position: absolute; background: red; transition: 0.5s ease-in-out; right: auto; } .know-more-btn-2 a:hover:before, .know-more-btn-2 a:hover:after { width: 100%; /* height: 3px; */ } .know-more-btn-2 a { position: relative; display: inline-block; padding: 5px 0; transition: 0.5s ease-in-out; } .know-more-btn-2 a:after { bottom: auto; top: 0; height: 2.5px; left: 0; right: auto; } .page-bg:before, .page-bg:after { content: ""; position: absolute; z-index: 1 } .page-bg { position: relative; overflow:hidden } .page-bg:before { top: 85px; left: -30px; width: 516px; height: 335px; background:url(../images/art1.svg) no-repeat center; animation: zoom-in-zoom-out 2s ease-out infinite; } .page-bg:after { top:50%; transform:translateY(-50%); right:30px; width:340px; height:221px; background:url(../images/art2.svg) no-repeat center; animation: zoom-in-zoom-out 2s ease-out infinite; } @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1, 1); } } .page-bg section { position: relative; z-index: 2; } .slider__pagination { position: absolute; bottom: 0; z-index: 999; text-align: center; } .slider__pagination span.swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 0; background: #fff; opacity: 1; } .slider__pagination span.swiper-pagination-bullet-active { background: red; } .swiper-button-next, .swiper-button-prev { display: none; } .owl-next img, .owl-prev img {transition:all 0.3s ease} .owl-next:hover img, .owl-prev:hover img { /* transform: scale(1.1) !important; */ } .brochure-btn:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; transform: translateX(-100%); transition: 0.5s ease-in-out; } .brochure-btn:hover:before { transform: translateX(0); } .brochure-btn { position: relative; overflow: hidden; transition: 0.5s ease-in-out; } .brochure-btn a{position:relative; z-index:2; transition: 0.5s ease-in-out;} .brochure-btn:hover a{border-color:red; color:red} object.s-hover { opacity: 0; width: 0; transition: all 0.3s ease; } .brochure-btn a:hover object { opacity: 0; width: 0; } .brochure-btn a:hover object.s-hover { width: auto; opacity: 1; } .footer-follow a:hover img {filter: grayscale(100);transform: rotateY(90deg);transform: rotateY(360deg);} .footer-follow a img { transition: all 1s ease; } .navbar .nav-item:hover .dropdown-menu .menu-level2 ul > li:first-child .menu-gallery { opacity: 1; visibility: visible; } .lds-ripple { display: inline-block; position: relative; width: 100px; height: 100px; top: 50%; transform: translateY(-50%); } .lds-ripple div { position: absolute; border: 4px solid red; opacity: 1; border-radius: 50%; animation: lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 45px; left: 45px; width: 0; height: 0; opacity: 0; } 4.9% { top: 45px; left: 45px; width: 0; height: 0; opacity: 0; } 5% { top: 45px; left: 45px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 90px; height: 90px; opacity: 0; } } .se-pre-con { position: fixed; left: 0%; transform: none; top: 0%; width: 100%; height: 100%; z-index: 99999999; background: #fff; /* animation: spinning 1.5s infinite ease-in-out; */ text-align: center; display:none; } .owl-nav .owl-prev:after, .owl-nav .owl-next:after { background: url(../images/arrow-carousel-after.svg); background-position: center; z-index: 999; position: absolute; content: ""; width: 68px; height: 45px; margin-right: 0; right: 0; transition: all 0.3s ease; } .owl-nav .owl-prev span img { position: relative; z-index: 2; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: relative; } .owl-carousel .owl-nav .owl-prev:hover:after, .owl-carousel .owl-nav .owl-next:hover:after { margin-right: 15px; } .contact-data-box .text { text-align: center; } .contact-data-box .text p span { display: block; font-weight: 600; line-height: 28px; } .contact-data-box .text p { margin: 0; font-size: 16px; } .contact-data-box span.icon-img { text-align: center; } .contact-data-box span.icon-img img.show-hover {opacity: 0;width: 0;} .contact-data-box span.icon-img img { width: 45px; } .contact-data-box { background: transparent; padding: 0px 15px; min-height: 220px; } .contact-data-box .icon { margin-bottom: 25px; } .br-1 { position: relative; } .br-1:after { content: ""; width: auto; height: 100%; position: absolute; right: 0; border-right: 1px solid #eee; top: 0; } .contact-data-box a { color: #000; /* text-decoration: underline !important; */ } .contact-data-box a.text-red { display: block; text-decoration: underline !important; color: #ea2424; } section.contact-form { position: relative; } section.contact-form .contact-img { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-size:cover; } section.contact-form .row.no-gutters, .page-job .row.no-gutters, .life-at-jnk .row.no-gutters { position: relative; background: #f1f1f1; } section.contact-form .heading, .renewable-contact .heading { font-size: 30px; padding-bottom: 11px; } section.contact-form .heading:after { height: 4px; } .form-control { border-radius: 0; font-family: 'Heebo', sans-serif; color: rgba(0,0,0,0.4); } .form-control::placeholder { color: rgba(0,0,0,0.4); } .form-submit input, .apply-btn a { background: #EA2424; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: uppercase; color: #fff; padding: 10px 25px; float: left; border: 0; border-radius:0 } .form-submit, .apply-btn { display: inline-block; position: relative; } .form-submit:before, .form-submit:after, .apply-btn:before, .apply-btn:after { content: ""; width: 0; content: ""; position: absolute; background-color: red; transition: 0.5s ease-in-out; width: 0; height: 2px; z-index: 1; } .form-submit-inner:before, .form-submit-inner:after, .apply-btn-inner:before, .apply-btn-inner:after {content: ""; width: 0; content: ""; position: absolute; background-color: red; transition: 0.5s ease-in-out; width: 2px; height: 0; z-index: 1; top:0} .form-submit:before, .apply-btn:before { right: 0; left: auto; top: 0; } .form-submit:after, .apply-btn:after { right: auto; left: 0; top: auto; bottom: 0; } .form-submit:hover input, .apply-btn:hover a { background: #fff; color:red } .form-submit:hover:before, .form-submit:hover:after, .apply-btn:hover:before, .apply-btn:hover:after { width: 100%; } .form-submit-inner:before, .apply-btn-inner:before {right: auto; left: 0;} .form-submit-inner:after, .apply-btn-inner:after { top: auto; right: 0; bottom: 0; left: auto;} .form-submit:hover .form-submit-inner:before, .form-submit:hover .form-submit-inner:after, .apply-btn:hover .apply-btn-inner:before, .apply-btn:hover .apply-btn-inner:after {height:100%} .contact-data-box .text p { margin: 0; line-height: 24px; } img.flex-shrink-0.border.rounded { background: #eee; /* border-radius: 50%; */ padding: 10px; margin-right: 20px; } .job-item.p-4.mb-4 { border: 1px solid rgba(0,0,0,0.1); background: #fff; border-radius: 10px; } .job-item span.text-truncate { background: #f1f1f1; padding: 5px 8px; margin-right: 8px; border-radius: 5px; } .job-item small.text-truncate { font-size: 20px; font-weight: 600; margin-bottom:5px; } .job-item small.text-truncate img { max-width: 40px; margin-right: 15px; } small.text-truncate strong { font-weight: 600; color: rgba(0,0,0,0.3); } .job-item h5 { font-size: 30px; } ul.list li{margin-bottom:15px;padding-left:11px; position:relative;} ul.list li{color:#000;} ul.list li:before{content: ""; width: 3px; height: 15px; background: #EA2924; position: absolute; left: 0; top: 4px;} ul.list.white li{color:#fff;/* background:url(../images/white-bullet.png) no-repeat left 8px */} .job-description { padding-right: 30px; } .job-form { padding-left: 30px; } .job-description .heading { font-size: 28px; padding-bottom: 10px; } .job-description .heading:after { width: 90px; height: 3px; } .job-description:after { content: ""; width: 1px; position: absolute; top: 0; bottom: 0; border-right: 1px solid #ccc; right: 0; } .enquire-now { width: 350px; height: 0; background-color: #fff; border-radius: 0; box-shadow: 0px 12px 45px rgba(0, 0, 0, .15); font-family: 'Roboto', sans-serif; text-align: center; margin: 0 0 10px 0; overflow: hidden; opacity: 0; transition: all .8s ease; display: none; } .enquire-now.open { height: auto; opacity: 1; display: block; } .enquire-now.popup-ani { -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .enquire-now h1 { font-size: 20px; color: #757575; padding: 25px 0; margin: 0; font-weight:400; font-family: 'Roboto', sans-serif; } .enquire-now .love { width: 20px; height: 20px; background-position: 35px 84px; display: inline-block; margin: 0 6px; background-size: 62px; } .enquire-now .ba-logo { width: 65px; height: 25px; background-position: 0px; margin: 0 auto; opacity: .5; cursor: pointer; } .enquire-now .ba-logo:hover { opacity: 1; } .logo-ani { transition: 0.5s linear; -webkit-transition: 0.5s linear; } .enquire-now form { padding: 20px 15px; margin-bottom: 0; } .form-group-submit { margin-bottom: 0; } .enquire-now input[name="email"] { background-color: #eee; } .enquire-now input[name="submit"] { background-color: #00aeef; cursor: pointer; color: #fff; } .enquire-now input[name="submit"]:hover { background-color: #26baf1; } .enquire-now .img { background-image: url("https://4.bp.blogspot.com/-1J75Et4_5vc/WAYhWRVuMiI/AAAAAAAAArE/gwa-mdtq0NIqOrlVvpLAqdPTV4VAahMsQCPcB/s1600/barrel-we-love-subscribers-img.png"); } .enquire-now-fab { width: auto; height: auto; background-color: #ea2424; border-radius: 0; float: right; box-shadow: 0px 3px 20px #00000029; z-index: 5; position: relative; } .enquire-now-fab .wrap span { padding: 17px 10px; display: inline-block; color: #EA2424; /* padding-left: 0; */ background: #FFFFFF; /* background-size: 30px; */ cursor: pointer; font-size: 15px; line-height: 16px; } .enquire-now-fab .img-fab { height: 30px; width: 30px; margin: 15px auto; background-image: url("https://4.bp.blogspot.com/-1J75Et4_5vc/WAYhWRVuMiI/AAAAAAAAArE/gwa-mdtq0NIqOrlVvpLAqdPTV4VAahMsQCPcB/s1600/barrel-we-love-subscribers-img.png"); background-position: -1px -53px; } .enquire-now-fab .wrap { transform: rotate(0deg); -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); padding-left: 50px; background: url(../images/enquiry.svg) no-repeat 10px center; background-size: 30px; } .enquire-now-fab .ani { /* transform: rotate(45deg); -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); */ } .enquire-now-fab .close { background-position: -2px 1px; transform: rotate(-45deg); float: none; /*Bootstrap Overide*/ opacity: 1; /*Bootstrap Overide*/ } .enquire-now-wrap { position: fixed; right: calc((100% - 1280px) / 2); bottom: 19px; z-index: 9999; } .ba-settings { position: absolute; top: -25px; right: 0px; padding: 10px 20px; background-color: #555; border-radius: 5px; color: #fff; } .page-contact2 .wrapper { width: 100%; -webkit-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18); box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18); background: #fff; } .renewable-contact { padding: 40px; } .renewable-contact span.icon { width: 60px; height: 60px; flex: 0 0 60px; text-align: center; line-height: 60px; border: 1px solid red; border-radius: 50%; margin-right: 15px; } .renewable-contact ul li, .renewable-contact ul li a { display: flex; align-items: center; } .renewable-contact ul li { margin-bottom: 27px; } .renewable-contact ul li span strong { display: block; } .renewable-contact ul li a { color: #000; } .form-submit, .form-submit-inner, input[type=submit] { cursor: pointer; } form#float-form .form-group { margin-bottom: 8px; } form#float-form .form-control { padding: 5px 0.75rem; height: auto; } form#float-form textarea.form-control { max-height: 60px; } span.close-btn { position: absolute; right: 0; top: -30px; height: 30px; width: 30px; background: #EA2924 url(../images/close-popup.svg) no-repeat center; background-size: 15px; opacity: 0; } form#float-form .form-group.form-group-submit { margin-bottom: 0; } .enquire-now.open span.close-btn{opacity:1} .about-us-icon .text-big { margin-bottom: 30px; } li.nav-item.hide-current, .hide-current { display: none !important; } ul.pdf-list { display: grid; grid-template-columns: repeat(3, calc(33.333333333% - 20px)); /* min-height: 664px; */ grid-gap: 30px; } ul.pdf-list li { background: #f8f8f8; position: relative; } ul.pdf-list li span { display: flex; align-items: center; min-height: 100px; padding: 20px; border: 1px solid #eee; } ul.pdf-list li a { position: relative; height: 100%; } ul.pdf-list li span p { margin: 0; line-height: 1.3; } ul.pdf-list li span img { margin-right: 15px; } ul.menu-list li.hide-current ~ li:nth-child(2) { margin-top: 0; } .carousel-item{background-size:cover;background-position:center center;background-repeat:no-repeat;height:550px;opacity: 0;transition: opacity 0.5s ease;} .slide1{background-image:url(../images/slide_01.jpg)} .slide2{background-image:url(../images/slide_02.jpg)} .slide3{background-image:url(../images/slide_03.jpg)} .carousel-caption-txt{text-align:left;width:29%;position:absolute;top:50%;left: 0;transform:translateY(-50%)} .carousel-caption{position: relative;height: 100%;} .carousel-caption-txt p.heading2{max-width:250px;color:#fff;font-size:30px;font-weight:300;line-height:1.2;margin-bottom:0} div#carouselExampleControls{background:#013a7a} .slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-slide{display:none;float:left;height:100%;min-height:1px} .p-50{padding:50px 0} .bg-yellow{background:#f3b100} section.bg-blue{background:#00a2e3} section.home-about .heading{margin-top:50px} .pl-30{padding-left:30px} .pr-30{padding-right:30px} .button{text-align:center} a.read-more{background:#55c48b;padding:13px 44px;margin:17px 0;color:#fff;font-weight:400;border-radius:30px;margin-top:14px;display:inline-block;transition:all .5s;background:#00a5e6;background:linear-gradient(90deg,#00a5e6 0,#006fb5 100%);text-decoration:none} a.read-more:hover{background:#fab900;background:linear-gradient(90deg,#fab900 0,#f3480f 100%)} a.read-more.read-more2{font-size:16px;text-transform:uppercase;background:#fab900;background:linear-gradient(90deg,#fab900 0,#f3480f 100%)} a.read-more.read-more2:hover{background:#00a5e6;background:linear-gradient(90deg,#00a5e6 0,#006fb5 100%)} .button-more{width:52px;height:52px;position:absolute;right:0;bottom:0;/* background:url(../images/button-more.jpg) no-repeat center/cover; */transition:all .3s ease;cursor:pointer;transition:all .3s ease} .button-more:hover{filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, .4))} div#parentHorizontalTab{margin-top:20px!important} .product-img{text-align:center} section.testimonials .container{overflow:hidden} section.testimonials .owl-dots{position:absolute;left:0;right:0;bottom:25px} section.clients{clear:both} .devider:after{content:"";width:1px;background:#eee;position:absolute;right:0;top:5px;bottom:0} .devider{position:relative} .heading.blue{font-size:40px;color:#0072b8} .sub-header ul.left-info li:last-child{padding-right:0} section#products{padding-bottom:10px} @-webkit-keyframes fadeInUpSD{ 0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)} 100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInUpSD{ 0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)} 100%{opacity:1;-webkit-transform:none;transform:none} } .dropdown-toggle::after{display:none} .bg-light-blue{background:#edf6f8} .contact-col{text-align:center} .contact-col{border-right:1px solid #ddd} .header-scrolled{position:fixed;top:0;width:100%;box-shadow:0 8px 6px -6px rgba(0,0,0,.2)} li.form-input-wide { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; /* display: flex; */ -ms-flex-wrap: wrap; /* flex-wrap: wrap; */ -ms-flex-align: start; /* align-items: flex-start; */ } li.form-input-wide span { -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 20px; } li.form-input-wide span:last-child { margin-left: 24px; } li.form-input-wide span .form-textbox { width: 100%; height: auto; padding: 10px 15px; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; border-radius: 0; font-family: 'Heebo', sans-serif; color: rgba(0,0,0,0.4); outline: 0; } li.form-input-wide span input::placeholder { color: rgba(0,0,0,0.4); } li.form-input-wide.full-w span:last-child { margin-left: 0; } li.form-input-wide.full-w span input[type=file] { background: transparent; border: 0; padding: 0; } li.form-input-wide span label { display: block; } ul.sitemap-list > li { width: 100%; vertical-align: top; display: inline-block; margin-bottom: 15px; margin-bottom: 0; /* float: left; */ position: relative; padding-left: 0; } ul.sitemap-list > li > a { font-size: 14px; color: #000; transition: all .3s; font-weight: 600; margin-bottom: 8px; display: inline-block; width: 100%; padding: 10px 0; border-bottom: 0 solid #ccc; margin-bottom: 0; padding: 15px 25px; /* background: url(../images/sitemap-icon.svg) no-repeat left center; */ position: relative; z-index: 9; background: #fff; width: auto; margin-left: 30px; color: #ea2424; border: 1px #ea2424 solid; } ul.sitemap-list > li > ul { margin-top: 15px; margin-bottom: 30px; padding-left: 0; margin-left: 0; } ul.sitemap-list > li li { position: relative; padding-left: 10px; width: 100%; display: inline-block; margin-bottom: 0; } ul.sitemap-list > li li a { margin-left: 15px; font-size: 13px; font-weight: 400; color: #000; padding: 10px 0; display: inline-block; padding-left: 5px; /* background: url(../images/sitemap-icon2.svg) no-repeat left center; */ } ul.sitemap-list > li li:before { position: absolute; content: ''; height: 13px; left: 0px; top: 7px; /* border-left: 3px solid #1b3283; */ font-size: 26px; font-weight: 400; display: inline-block; width: 25px; height: 100%; border-bottom: 1px #ea2424 solid; position: absolute; top: 0; border-left: 1px #ea2424 solid; transform: translateY(-50%); } ul.sitemap-list > li > a:before, ul.sitemap-list > li > a:after { content: ""; position: absolute; } ul.sitemap-list > li > a:before { width: auto; height: 25px; border-left: 1px #ea2424 solid; left: -31px; top: 50%; } ul.sitemap-list > li > a:after { width: 30px; height: auto; border-bottom: 1px #ea2424 solid; left: -30px; top: 50%; } ul.sitemap-list.single > li > a:before, ul.sitemap-list.single > li > a:after { display: none; } ul.sitemap-list.single { margin-bottom: 30px; } div#project-carousel .owl-dots .owl-dot span { width: 34px; height: 6px; background: #fff; display: inline-block; } div#project-carousel .owl-dots .owl-dot { display: inline-block; margin: 0 8px; } div#project-carousel .owl-dots .owl-dot.active span { background: red; } div#project-carousel .owl-dots { text-align: center; margin-top: 30px; } .u-team.u-team-1 { display: grid; grid-template-columns: repeat(4, calc(25% - 23px)); /* min-height: 664px; */ grid-gap: 30px; } .u-team-inner { border: 1px solid #f1f1f1; background: #f1f1f1; } .u-team-l { padding: 15px; } h5.u-team-name { font-size: 19px; font-weight: 600; margin-bottom: 5px; } h6.u-team-post { font-size: 15px; font-weight: 400; } ul.ul-box { display: grid; grid-template-columns: repeat(4, calc(25% - 22px)); /* min-height: 664px; */ grid-gap: 30px; } ul.ul-box li { padding: 10px; text-align: center; background: #fff; display: flex; justify-content: center; align-items: center; border: 1px solid #eee; font-size: 18px; } .heatersa-at-jnk ul.ul-box li { min-height: 112px; } .section-content p:last-child { margin: 0; } .icon-box-new span { display: flex; align-items: center; padding: 20px 25px; justify-content: flex-start; min-height: 107px; position: relative; padding-left: 95px; } .icon-box-new span img { max-width: 60px; margin-right: 25px; position: absolute; left: 25px; } .icon-box-new span p { margin: 0; line-height: 1.2; padding-right: 0; justify-content: right; } .icon-box-new { background: #fff; /* padding: 15px; */ } .services-box.box6 .icon-box-new { margin-bottom: 30px; } .image-content { margin-bottom: 30px; } .content-part p { margin: 0; } ul.resp-tabs-list:after { content: ""; width: 2000px; bottom: 0; border-bottom: 1px solid #ccc; position: absolute; left: 50%; transform: translateX(-50%); } ul.resp-tabs-list { position: relative; } .offices-address { background: #f1f1f1; padding: 40px; position: relative; height: 100%; } .offices-address ul li { display: flex; align-items: flex-start; margin-bottom: 20px; } .offices-address ul li img { width: 36px; margin-right: 18px; } .offices-address ul li a { text-decoration: underline !important; color: #000; } .offices-map iframe { width: 100%; } .offices-map iframe { outline: 0; border: 0; } .u-team-image img { width: 100%; } .industry-col { display: grid; grid-template-columns: repeat(5, calc(20% - 16px)); /* min-height: 664px; */ grid-gap: 20px; margin-top: 40px; } .industry-col .item.height-small { padding: 40px 0; } .industry-txt p { font-size: 24px; font-style: normal; font-weight: 500; line-height: 26px; color: #000; text-align: center; margin: 0; margin-top: 15px; } .about-us-icon .icon-box-new { background: #f1f1f1; margin-bottom: 30px; } .icon-vision-mission { padding: 30px; background: #fff; text-align: center; } .icon-vision-mission span { display: inline-block; margin-bottom: 20px; } .icon-vision-mission h2 { font-size: 26px; font-style: normal; font-weight: 500; line-height: 26px; margin-bottom: 15px; } .icon-vision-mission p { margin: 0; } .icon-vision-mission span img { width: 90px; } .partners-main { display: grid; grid-template-columns: repeat(6, calc(16.666667% - 17px)); /* min-height: 664px; */ grid-gap: 20px; } .partners-box {background: #f1f1f1;/* display: flex; */border: 1px solid #eee;} .partners-logo { background: #fff; text-align: center; padding: 10px; border: 0; } .partners-name { text-align: center; color: #000; padding: 5px 10px; line-height: 18px; display: flex; align-items: center; min-height: 46px; justify-content: center; font-weight: 400; /* background: #f1f1f1; */ } .certificate-main { display: grid; grid-template-columns: repeat(4, calc(25% - 30px)); /* min-height: 664px; */ grid-gap: 40px; } .certificate-box { background: #f1f1f1; border: 1px solid #f1f1f1; } .certificate-name { color: #000; text-align: center; line-height: 20px; font-size: 20px; font-weight: 600; padding: 10px; } .certificate-name strong { font-weight: 400; display: block; } .u-team-l p {display:none;} #basicExampleModal .modal-dialog {max-width: 800px;} #basicExampleModal .u-team-image { width: 40%; float: left; margin: 15px 0; border: 1px solid #f1f1f1; } #basicExampleModal .u-team-l { display: block; float: right; width: 60%; padding: 15px 0; padding-left: 30px; } #basicExampleModal .u-team-l p { margin-top: 10px; display:inline-block } #basicExampleModal .u-team-l p:last-child { margin: 0; } #basicExampleModal .modal-header { border: 0; padding: 0; /* display: none; */ } #basicExampleModal .modal-footer { display: none; } #basicExampleModal .modal-header .close { position: absolute; right: 0; top: -50px; opacity: 1 !important; color: #fff; text-shadow: none; padding: 0 10px; margin: 0; background: #EA2424; outline: 0; } #basicExampleModal .modal-header .close span { display: inline-block; margin-top: 0; line-height: 30px; vertical-align: middle; font-size: 50px; font-weight: 400; line-height: 50px; padding: 0; } #basicExampleModal h6.u-team-post { color: #EA2424; margin-bottom: 10px; } .modal-backdrop.fade.show { z-index: 99999; } .modal-open .modal { z-index: 999999; } .u-team-inner1 { cursor: pointer; } .mfp-counter { left: 0; right: auto; width: 100%; text-align: center; } @media all and (max-width:1367px){ .carousel-item{background-position:60% center} p.product-name{font-size:20px} .project-inside-home { margin-left: 4.5%; } .testimonial-container { padding-left: 4.5%; } .testimonial-item {min-height: 268px;} } @media all and (max-width:1280px){ .carousel-item{background-position:60% center} p.product-name{font-size:20px} .project-inside-home { margin-left: 2.5%; } .testimonial-container { padding-left: 2.5%; } .testimonial-item {min-height: 290px;} } @media (max-width:1024px) and (min-width:993px){ .carousel-caption-txt{right:-32px} .navbar-expand-lg .navbar-toggler{display:inline-block} #navbarResponsive{z-index:99999;position:absolute;top:100%;left:0;width:100%;text-align:center;background-color:#fff;box-shadow:0 10px 10px rgb(0 0 0 / 10%);} .nav-link{display:block;padding:.5rem 1rem} .navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center} .navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column!important;flex-direction:column!important;padding-left:0;margin-bottom:0;list-style:none;width:100%} .navbar .navbar-nav a.nav-link{padding:15px 0;color:#000!important;text-align:left} .navbar .navbar-nav a.nav-link.request-quote{width:auto;margin:17px 12px;color:#fff!important} .dropdown-toggle::after{float:right;/* background:url(../images/footer-bullet.png) */ no-repeat 40% 5px;width:20px;height:20px;border:0;transform:rotate(90deg)} .navbar .navbar-nav .nav-item a:before{display:none} .navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link:hover{color:red!important} .navbar .nav-item:hover .dropdown-menu{width:100%} .navbar-expand-lg .navbar-nav .dropdown-menu{position:static;float:none} .dropdown-toggle::after{display:inline-block} /****************************************/ #navbarResponsive { z-index: 99999; position: absolute; top: 100%; left: 0; width: 100%; text-align: center; background-color: #fff; box-shadow: 0 10px 10px rgba(0,0,0,.1); } .collapse:not(.show) {display:none !important;} .collapse.show{display:block !important;} .product-data-menu { display: none; } ul.dropdown-menu > li { display: inline-block; } ul.dropdown-menu li .menu-gallery { display: none; } .navbar .nav-item > .dropdown-menu { background: #fff; padding: 0; } .menu-level2 { width: 100%; padding-left: 0; } ul.dropdown-menu li li { background-size:20px; } ul.dropdown-menu li a { font-size: 16px; } .navbar .navbar-nav a.nav-link { font-size: 18px; } .navbar .navbar-toggler { top: 0; position: relative; width: 40px; } .nav-link.dropdown-toggle { background: url(../images/menu-arrow-red.svg) no-repeat 98% center; } .navbar .nav-item:hover > .dropdown-menu::after { display: none; } .menu-level2 ul { min-height: unset; } .footer-follow { padding-right: 0; margin-bottom: 70px; } .enquire-now-wrap { right: 25px; } } @media (max-width:992px){ .navbar .navbar-brand{position:static;left:30px;top:10px} a.navbar-brand img{max-width:100%} .navbar .navbar-brand{width:unset;padding-right:0;margin:0} .navbar:after{display:none} #navbarResponsive{z-index:99999;position:absolute;top:100%;left:0;width:100%;text-align:center;background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,.1)} .navbar .navbar-nav .nav-item{border-bottom:1px solid #eee} .navbar .navbar-nav .nav-item:last-child{border-bottom:none} .navbar .navbar-nav a.nav-link{padding:15px 0;color:#000!important;text-align:left} .navbar .navbar-nav a.nav-link.request-quote{width:auto;margin:17px 12px;color:#fff!important} .navbar .navbar-toggler { top: 0; position: relative; width: 40px; right:0; } .navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link:hover{color:#EA2424!important;border-bottom:none!important} .project-svg-bg object { max-width: 100%; } .nav-link.dropdown-toggle { background: url(../images/menu-arrow-red.svg) no-repeat 98% center; } /***************************************************/ .product-data-menu { display: none; } ul.dropdown-menu > li { display: inline-block; padding: 0; } ul.dropdown-menu li .menu-gallery { display: none; } .navbar .nav-item > .dropdown-menu { background: #fff; padding: 0; } .menu-level2 { width: 100%; padding-left: 0; } ul.dropdown-menu li li { background-size:20px; padding-top: 8px; padding-bottom: 8px; background-position: left 10px; } ul.dropdown-menu li a { font-size: 16px; line-height: 20px; } .navbar .navbar-nav a.nav-link { font-size: 18px; } /************************************************************/ .about-img { position: static; width: 100%; height: 450px; /*! background-position: center; */ /*! background-size: cover; */ } .about-img img { width:100% } .about-home .offset-lg-6.col-lg-6 { flex: 0 0 100%; max-width: 100%; margin-left: 0 !important; margin-top: 40px; } .project-inside-home { display: block; padding: 0 15px; margin: 0; } .project-heading { width: 100%; padding: 0; } .project-blocks { /*! display: flex; */ } .project-blocks .row { justify-content: center; } .jnk-energy-content { padding: 30px 0; width: 100%; } section.jnk-energy-panel { background-size: auto 350px; background-attachment: unset; background-position: center top; } .brochure-btn a { font-size: 20px; padding: 10px; } .brochure-img { margin-right: 20px; max-width: 300px; } footer > .container { display: none; } .sub-footer { margin: 0; } footer { padding: 0; } .testimonial-container { padding: 0 15px; } .services-inner .row { margin-left: -15px; margin-right: -15px; } .services-inner .col-lg-6 { padding: 0 15px; } .project-listing-inside > .row { margin-left: -15px; margin-right: -15px; } .project-listing-inside > .row .col-md-4 { padding-left: 15px; padding-right: 15px; } .project-name p { font-size: 17px; } p.p-heading {padding: 0;} .heading { font-size: 34px; } .navbar .navbar-nav a.nav-link.btn { } .navbar .navbar-nav .nav-item a:before { display: none; } .tagline-text .container { padding-right: 15px; } .swiper-slide .tagline-text p { padding-right: 0; } .swiper-slide .tagline-text h2 { font-size: 30px; line-height: 35px; margin-bottom: 20px; } .swiper-slide .tagline-text p { font-size: 16px; line-height: 20px; margin-bottom: 20px; } .swiper-container { height: 450px; } .menu-level2 ul { width: 100%; min-height:unset; } .navbar .navbar-nav .nav-item { margin-left: 0; padding: 0 15px; } .navbar .navbar-nav .nav-item:last-child { padding: 0; } .navbar .navbar-nav .nav-item:last-child ul { padding: 0 8px; } .navbar .navbar-nav .nav-item:last-child a { padding: 12px 40px 12px 15px; } .navbar .navbar-nav a.nav-link.btn {background-position: 97% center} .contact-data-box { margin: 15px 0; } section.contact-form .contact-img { position: static; height: 300px; width: 100%; } .u-team.u-team-1, ul.ul-box, .certificate-main { grid-template-columns: repeat(2, calc(50% - 16.5px)); } .section-image { margin-bottom: 30px; } .industry-col { grid-template-columns: repeat(3, calc(33.333333333% - 16px)); } .partners-main { grid-template-columns: repeat(4, calc(25% - 17px)); } .enquire-now-wrap { right: 25px; } .footer-follow { padding-right: 0; margin-bottom: 60px; } ul.pdf-list{grid-template-columns: repeat(2, calc(50% - 20px));} } @media (max-width:767px){ .about-info .right-content{margin-right:0;margin-bottom:30px} .footer-item,.footer-item.footer-item1,.footer-item.footer-item5{width:100%;padding:0 15px} footer ul.menu-list li li{width:50%;float:left} .footer-item{margin-bottom:5px} .sub-header .col-md-4,.sub-header .col-md-8{max-width:50%} .sub-header ul.left-info li{padding:0} .sub-header ul.left-info li a,.sub-header ul.right-icons li a{font-size:12px} .sub-header ul.left-info li.follow-us,.sub-header ul.left-info li:after{display:none} .carousel-item{height:300px} .counter-icon{top:0;transform:none} .testimonial-item:after,.testimonial-item:before{background-size:50px;width:100px;height:50px} .testimonial-item:before{left:-30px;top:-30px} .testimonial-item{padding:50px 30px} .footer-item.footer-item5 ul.menu-list li{width:100%} .footer-item.footer-item5{margin-bottom:30px} .epc-content { padding: 0 15px; } .testimonial-carousel .owl-nav { position: static; width: 100%; display: inline-block; text-align: center; transform: none; margin-top: 30px; } .testimonial-carousel .owl-nav > div { display: inline-block; } .epc-content { padding: 0 15px; } .testimonial-carousel .owl-nav { position: static; width: 100%; display: inline-block; text-align: center; transform: none; margin-top: 30px; } .testimonial-carousel .owl-nav > div { display: inline-block; } .download-brochure-inner { display: block; } .brochure-img { max-width: unset; margin-top: 10px; display: inline-block; } .brochure-btn { margin: 15px 0; display: inline-block; } .footer-follow { text-align: center; margin-top: 15px; } .project-thumb { margin-top: 30px; } .epc-content .heading3 { font-size: 28px; line-height: 32px; } .epc-content { padding: 0 15px; } .testimonial-carousel .owl-nav { position: static; width: 100%; display: inline-block; text-align: center; transform: none; margin-top: 30px; } .testimonial-carousel .owl-nav > div { display: inline-block; } .download-brochure-inner { display: block; } .brochure-img { max-width: unset; margin-top: 10px; display: inline-block; } .brochure-btn { margin: 15px 0; display: inline-block; } .footer-follow { text-align: center; margin-top: 15px; margin-bottom: 0; display: inline-block; padding: 0; width: 100%; text-align: left; } .project-thumb { margin-top: 30px; } .services-inner .row { margin-left: -15px; margin-right: -15px; } .services-inner .col-lg-6 { padding: 0 15px; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-left: 15px; padding-right: 15px; } section { padding: 60px 0; } .banner-main { height: 200px; } .page-tabbing ul li a { font-size: 24px; } .page-tabbing ul li { margin: 0 10px; } p.p-heading { padding: 0; } .page-heading .heading { font-size: 32px; max-width: unset; } .project-listing-inside > .row { margin-left: -15px; margin-right: -15px; } .project-listing-inside > .row .col-md-4 { padding-left: 15px; padding-right: 15px; } .project-details { display: block; } .project-details p { margin-bottom: 15px; } .project-details p:last-child { margin-bottom: 0; } .project-name p { font-size: 20px; } .swiper-slide .tagline-text h2 { font-size: 25px; line-height: 30px; margin-bottom: 20px; } .slide02 ~ .tagline-text h2, .slide02 ~ .tagline-text p, .slide04 ~ .tagline-text h2, .slide04 ~ .tagline-text p {color:#000;} .swiper-slide .tagline-text p { font-size: 14px; line-height: 18px; margin-bottom: 20px; } .swiper-container { height: 300px; } .mfp-image-holder .mfp-close { width: 30px; height: 30px; background-size: 25px; } .project-svg-bg { width: 350px; height: 350px; } footer::before {width: 350px;} .page-bg { overflow: hidden; } .navbar .navbar-nav .nav-item{margin-left:0; padding: 0 15px;} .tagline-text { top: 230px; transform: none; } .swiper-container { height: 650px; padding-bottom: 450px; } .swiper-container .swiper-wrapper .swiper-slide {overflow:visible} .slide02 ~ .tagline-text h2, .slide02 ~ .tagline-text p { color: #000; } .slider__pagination span.swiper-pagination-bullet {background:#000} .slider__pagination span.swiper-pagination-bullet-active{background:red} .services-inner .services-col:first-child {margin-top: 50px;} .counter-col { flex: 0 0 50%; max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 100%; } .header-part { position: static; transform: none; padding: 10px 0; } .breadcrumb ul li, .breadcrumb ul li a { color: #000; } .page-heading .heading { color: #000; width: 100%; text-align: center; } .breadcrumb { justify-content: center; } .page-heading { width: 100%; } .banner-main {background-attachment: unset !important; background-size: cover !important; background-position: center !important;} .epc-box { padding: 0 15px; } .sub-footer p a.footer-links:after { margin: 0 2px;} .jnk-renewable-header-main:after, .career-main:after, .investor-relation-main:after, .global-presence-main:after { height: 200px; } .menu-level2 ul { width: 100%; } .navbar-nav { height: calc(100vh - 120px); overflow-y: scroll; } .navbar .navbar-nav .nav-item:last-child { padding: 0; } .navbar .navbar-nav .nav-item:last-child ul { padding: 0 8px; } .navbar .navbar-nav .nav-item:last-child a { padding: 12px 40px 12px 15px; } .about-img { height: 250px; } ul.sitemap-list.single { margin-bottom: 30px; } .job-description:after { width: auto; height: 1px; right: 30px; left: 30px; bottom: 0; border: 0; border-bottom: 1px solid #ccc; top: auto; } .mfp-arrow { transform: none; background-size: 30px !important; width: 30px !important; } .job-item h5 { text-align: center; font-size: 25px; margin-top: 20px; } .job-item .d-flex { display: inline-block !important; text-align: center; } img.flex-shrink-0.border.rounded { margin: 0 auto; display: block; } .job-item small.text-truncate { margin-top: 15px; display: inline-block; text-align: center; margin: 15px 0 0; width: 100%; } .renewable-contact ul li { align-items: flex-start; } .renewable-contact { padding: 20px; } .enquire-now-wrap { width: auto; bottom: 19px; } .enquire-now { margin: 0; width: 100%; } .page-bg:before { width: 200px; height: 150px; background-size: contain; top: 0; } .page-bg:after { width: 250px; height: 100px; background-size: contain; right: 0; } .u-team.u-team-1 { grid-template-columns: none; } .industry-col { grid-template-columns: none; display: inline-block; width: 100%; } .industry-block { text-align: center; } .icon-box-new span { justify-content: flex-start; } .icon-vision-mission { margin-bottom: 30px; } .partners-main { grid-template-columns: repeat(2, calc(50% - 11px)); } ul.ul-box { grid-template-columns: none; grid-gap: 20px; } .services-box .icon-box-new { margin-bottom: 30px; } .certificate-main {grid-template-columns: unset;} #basicExampleModal .u-team-l, #basicExampleModal .u-team-image { width: 100%; } #basicExampleModal .u-team-l { padding: 0; margin-top: 20px; } .modal-body { max-height: 550px; overflow: scroll; } .job-description, .job-form { padding: 0; } .job-form { padding-top: 30px; } .job-description {margin-bottom:30px;} .services-content { padding-right: 0; } .project-blocks .row {margin:0} .project-blocks .row > .owl-stage-outer { padding: 0; } p.product-name { font-size: 15px; line-height: 18px; } .industry-img img { min-width: 100%; } .life-img { margin-bottom: 30px; } .br-1:after { height: auto; width: 100%; top: auto; bottom: 0; right: auto; left: 0; border: 0; border-bottom: 1px solid #eee; } .contact-data-box { min-height: unset; } .jnk-energy-content p { z-index: 2; position: relative; } .jnk-energy-content:before { right: 99%; } .manufacturing-facility-img .industry, .industry { padding: 0 15px; } .heading { font-size: 32px; } ul.pdf-list { grid-template-columns: unset; } } @media (max-width:767px){ .sub-header ul.left-info li a,.sub-header ul.right-icons li a{font-size:11px} }