/*
Theme Name: Janaki Industrial Services
Theme URI: https://pressmaximum.com/customify
Template: customify
Author: WPCustomify
Author URI: https://pressmaximum.com
Description: Customify is fast, lightweight, responsive and super flexible multipurpose theme built with SEO, speed, and usability in mind. Unleash the power of your imagination with a true WYSIWYG Header & Footer builder (inside the WordPress Customizer) built exclusively for this theme. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Combined with the Header & Footer builder, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Customify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://pressmaximum.com/customify
Tags: custom-background,custom-logo,custom-menu,featured-images,flexible-header,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,one-column,two-columns,three-columns,left-sidebar,right-sidebar,e-commerce,blog
Version: 0.3.4.1589032248
Updated: 2020-05-09 19:20:48
*/
:root{ --main-font-family:"Nunito Sans"; }
input[type="text"], input[type="tel"], input[type="email"], textarea, input[type="submit"], select{ font-family:var(--main-font-family); box-shadow:0 0 0 transparent; }
input[type="submit"]{ font-weight:600; }
textarea{ min-height: 80px; }
label{ color:#000; }
.builder-item--logo{ margin:0!important; }
/*Error*/
div.wpcf7-validation-errors{ background-color:#f2dede !important; border:1px solid #b94a48 !important; text-align:center; color:#b94a48 !important; padding:5px 10px !important; margin:0em 0em 1em !important;}
div.wpcf7-mail-sent-ok{ background-color:#b7e0a5 !important; border:1px solid #398f14 !important; color:#194606 !important; padding:5px 10px !important; margin:2em 0em 1em !important;}
/*Form*/
.grecaptcha-badge{ display:none!important; }
/*Header*/
.cb-row--desktop .builder-header-html-item ul{ list-style:none; display:flex; margin:0; }
.cb-row--desktop .builder-header-html-item ul li{ margin:0 15px; position:relative; padding-left:25px; }
.cb-row--desktop .builder-header-html-item ul li:before{ position:absolute; left:0; color:#808080; }
.cb-row--desktop .builder-header-html-item ul li.mobile:before{ content:"\f095"; font-family:'FontAwesome'; }
.cb-row--desktop .builder-header-html-item ul li.mail:before{ content:"\e086"; font-family:'simple-line-icons'; }
.cb-row--desktop .header-social-icons:before{ content: "We are hiring!"; border-right: 1px solid #9c9c9c; padding-right: 20px;margin-right: 10px;}
.nav-menu-desktop .sub-menu{ background:#3c495a; padding: 15px; border-radius: 5px;}
.nav-menu-desktop .sub-menu li>a .link-before:before { position: absolute; bottom: -6px; width: 1px; left: 0; height: 2px; background-color: transparent; content: ""; -webkit-transition: all .3s ease; transition: all .3s ease; }
.nav-menu-desktop .sub-menu li.current-menu-item>a .link-before:before, .nav-menu-desktop .sub-menu li>a:hover .link-before:before { width: 100%; background-color: #fff; }
.nav-menu-desktop .sub-menu li a{ color:#fff; font-weight:500; }
.nav-menu-desktop .sub-menu li a:hover, .nav-menu-desktop .menu li.current-menu-item>a{ background:transparent; color:#fff; }
.page-cover .page-cover-inner{ padding:0 30px; }
#site-navigation-main-desktop .enquire-link a{ color:#fff; }
@media (max-width: 1024px){ #site-navigation-sidebar-mobile .enquire-link{ display:none!important; } #site-navigation-sidebar-mobile .sub-menu li a{ font-weight:700; } #site-navigation-sidebar-mobile li.current-menu-item a, #site-navigation-sidebar-mobile li a:hover{ background:#007fdc; color:#fff; } .nav-menu-mobile .menu li .nav-toggle-icon{     padding: .45em 2em; background:#ff8936!important; color:#fff!important; } .nav-menu-mobile .nav-icon-angle{ border-left-width:2px; border-top-width:2px; margin-top: 13px; width: 15px; height: 15px;}}
/*Footer*/
footer.site-footer{ z-index:0; }
footer .widget_nav_menu li a{ border-color:transparent !important; }
.contact-info div{ position:relative; padding-left:35px;margin-bottom:15px;}
.contact-info div:before{ font-family: 'simple-line-icons'; position:absolute; left:0; color:#ff8936; font-size:18px;}
.contact-info div.location:before{ content: "\e096"; }
.contact-info div.mobile:before{ content: "\e010"; }
.contact-info div.mail:before{ content: "\e086"; }
#custom_html-3 iframe{ border-radius:10px; }
#custom_html-2 ul{ margin-top:25px; }
#custom_html-2 ul li:first-child{ margin-left:0; }
#custom_html-2 ul li{ margin:0 10px; }
#custom_html-2 ul a{ border:1px solid rgba(255, 255, 255, 0.1); border-radius:50px; padding:10px; }
#custom_html-2 ul li a.social-icon-twitter:hover{ background:#1DA1F2; border-color:#1DA1F2; }
#custom_html-2 ul li a.social-icon-facebook:hover{ background:#3B5998; border-color:#3B5998; }
#custom_html-2 ul li a.social-icon-linkedin:hover{ background:#0e76a8; border-color:#0e76a8; }
#cb-row--footer-bottom .footer--row-inner{ text-align:center; }
#cb-row--footer-main .menu{ display:flex; flex-wrap:wrap; }
#cb-row--footer-main .menu li{ flex:0 0 50%; }
@media (max-width: 380px){ #cb-row--footer-main .menu li{ flex:0 0 100%; }}
footer .widget-title{ text-transform:capitalize; font-size:19px; position:relative; margin-bottom:45px; }
footer .widget-title:after{ content:""; width:50px; height:2px; background:#ccc; position:absolute; left:0; bottom:-15px; }
@media (max-width: 999px){ #cb-row--footer-main .builder-first--footer-1, #cb-row--footer-main .builder-first--footer-2, #cb-row--footer-main .builder-first--footer-3{ -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%;}}
/*Breadcrumbs*/
.page-cover-title{ font-size:1.6em; margin-bottom:5px; }
/*Slider*/
.home-slider{ min-height:80vh!important; }
@media (max-width: 999px){ .home-slider{  align-items: flex-start!important; align-content: flex-start!important; padding-top: 60px!important; } .home-slider .kc-container{ display: flex; justify-content: flex-end;}}
/*Home*/
.wgl-infobox{ position: relative; transition: 0.5s; color: inherit; z-index: 1; display: inline-block; width: 100%; padding: 0px 30px 30px; height:250px; }
.wgl-infobox:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -2; transition: all .5s; opacity: 1; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.it-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/IT-img.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.engg-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/Engineering-img.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.infra-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/Infrastructure-img.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.power-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/power-img-bg.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.tele-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/Telecom-img.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.refinery-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/Refinery-img.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.renew-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/Renewable-Energy-img.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.metro-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/Metro-Railways-img.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.metals-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/metal-img-bg.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.cement-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/cement-bg-img.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.lng-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/lng-img-bg.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox.manufacture-service:before{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), transparent url(../../uploads/2020/05/manufacturing-img-bg-n.jpg) 0% 0%/cover no-repeat scroll; border-radius: 7px; box-shadow:6px 5px 30px 0px rgba(0,0,0,0.12); }
.wgl-infobox:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; transition: all .5s; opacity: 0; box-shadow: 6px 5px 30px 0px rgba(0,0,0,0.12); border-radius: 6px; }
.wgl-infobox i.icon{ background-color: #FFFFFF; color: #ff8936; width:60px; height:60px; line-height:60px; font-size: 23px; box-shadow: 6px 5px 16px 0px rgba(0, 0, 0, 0.15); transform: rotate(0deg); border-radius: 50%; display: inline-block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: center;}
.wgl-infobox span.wgl-icon{ display:block; margin: -40px 0px 30px 0px;}
.wgl-infobox .wgl-infobox_title{ position: relative; z-index: 1; margin-bottom: 4px; word-break: break-word; transition: 0.4s; margin: 0px 0px 15px 0px; font-size: 20px; line-height: 1.2em; color: #FFFFFF;}
.wgl-infobox .wgl-infobox_wrapper{ overflow: hidden; position: relative;}
.wgl-infobox .content_wrapper{ transform: translateY(60px); transition-duration: 0.6s;}
.wgl-infobox .content_wrapper .wgl-infobox_content{ opacity: 0; transition: 0.6s; }
.wgl-infobox .wgl-infobox-title_wrapper{ position:relative; }
.wgl-infobox .content_wrapper .wgl-infobox_content p{ margin-bottom: 10px;}
.wgl-infobox .wgl-infobox_button i{ font-size:30px; color:#fff; }
.wgl-infobox .wgl-infobox-button_wrapper { opacity: 1!important; position: absolute; bottom: 0; left: 0; right: 0;     margin: 0px 0px 0px 0px; opacity: 0; transition-duration: calc(0.6s/2); transition-delay: calc(0.6s/2); }
.wgl-infobox .wgl-infobox_button{ padding: 0px 0px 0px 0px; display: inline-flex; align-items: center; position: relative; z-index: 1; line-height: 1; min-height: 19px; box-sizing: content-box; color:#bdbdbd; }
.wgl-infobox:hover i.icon{ background:#ff8936; color:#fff; }
.wgl-infobox:hover:after{ opacity: 1; background:#fff; }
.wgl-infobox:hover .wgl-infobox_content{ opacity: 1; }
.wgl-infobox:hover .wgl-infobox_title{ color: #14212B;}
.wgl-infobox:hover .content_wrapper{ transform: translateY(0);}
.wgl-infobox:hover .wgl-infobox-button_wrapper{ transition-duration: calc(0.6s/2); transition-delay: 0s; opacity:0!important; }
.client-home img{ height:85px; background: #fff; filter:grayscale(100%);}
.client-home img:hover{ filter:grayscale(0); }
.client-home .item{ padding:10px; }
.client-home .owl-page span{ width:20px!important; }
.client-home .owl-page.active span{ background:#2077e2!important; }
.wgl-service-wrapper { display: flex; align-items: center; justify-content: space-between; transition: .4s; padding: 20px 0px 35px 0px; border-radius: 10px 0px 0px 0px; }
.wgl-service-wrapper > .wgl-services_item-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; }
.wgl-service-wrapper .bg_text{ position: absolute; top: 0; left: 0; font-size: 85px; line-height: .9; letter-spacing: -.05em; z-index: 0; pointer-events: none; transition: .4s;  margin: 0% 0% 0% 10.4%; padding: 25px 0px 0px 0px; color: #ffffff; opacity: .15;}
.wgl-service-wrapper .title{ margin:0% 0% 0% 18.6%; color: #ffffff; font-size: 20px; position: relative; z-index: 1; transition: .4s;}
.wgl-service-wrapper .wgl-services-button{ width: 100px; min-width: 100px; position: relative; margin: 0% 9% 0% 1%; color: #ffffff;}
.wgl-service-wrapper .wgl-services-button .icon-animated{ color: rgba(255,255,255,.2);  display: block; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 3px; transition: all 0.5s, color .4s;  }
.about-details .back{ display: flex; align-items: center;}
.about-details i.fa-long-arrow-alt-right, .wgl-infobox i.fa-long-arrow-alt-right{ margin-top:52px; position:relative; width: 50px; height: 2px; background:#fff; }
.wgl-service-wrapper .wgl-services-button i{ transition: unset; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 50px; height: 2px; display: inline-block; vertical-align: middle; background-color: #fff; }
.wgl-infobox i.fa-long-arrow-alt-right:before, .about-details i.fa-long-arrow-alt-right:before, .wgl-service-wrapper .wgl-services-button i:before { content: ''; position: absolute; width: 10px; height: 10px; right: 0; transition: all 0.4s, color 0s; bottom: 0; border-bottom: 2px solid #fff; transform: rotate(45deg); transform-origin: 100% 100%; }
.wgl-infobox i.fa-long-arrow-alt-right:after, .about-details i.fa-long-arrow-alt-right:after, .wgl-service-wrapper .wgl-services-button i:after { content: ''; position: absolute; width: 10px; height: 10px; right: 0; transition: all 0.4s, color 0s; top: 0; border-top: 2px solid #fff; transform: rotate(-45deg); transform-origin: 100% 0; }
.wgl-service-wrapper > .wgl-services_item-link:hover ~ .wgl-services-button .icon-animated { transform: translateX(100%); }
@media (max-width: 768px){ .wgl-service-wrapper .bg_text{ margin:0% 0% 0% 3.4%; padding:23px 0px 0px 0px; } .wgl-service-wrapper .title{ margin:0% 0% 0% 10.6%; } .wgl-service-wrapper .wgl-services-button{ margin:0% 0% 0% 1%; }}
.about-details .back .des{ padding:15px; }
/*Contact Us*/
.contact-details i{ box-shadow:6px 5px 16px 0px rgba(0, 0, 0, 0.15); color:#ff4a17; width:60px; height: 60px; line-height: 60px; border-radius: 50px; background:#fff; }
.contact-details a{ color:#000; } .contact-details a:hover{ color:#ff4a17; }
.contact-enq-form input[type="text"]::placeholder, .contact-enq-form input[type="tel"]::placeholder, .contact-enq-form input[type="email"]::placeholder, .contact-enq-form textarea::placeholder{ color:#fff; }
.contact-enq-form .row{ display:flex; justify-content:space-between; }
.contact-enq-form .row .col-span-3{ flex:0 0 32.3%; max-width:32.3%; margin-bottom:30px; }
@media (max-width: 999px){ .contact-enq-form .row{ flex-wrap:wrap; } .contact-enq-form .row .col-span-3{ flex:0 0 100%; max-width:100%; }}
/*Client*/
.client-logo .item-grid.grid-5 img{ margin:0 auto; }
@media (min-width: 999px) and (max-width: 1024px) { .client-logo .item-grid.grid-5{ width:33.3%!important; }}
@media (min-width: 680px) and (max-width: 999px) { .client-logo .item-grid.grid-5{ width:50%!important; } }
@media (max-width: 680px) { .client-logo .item-grid.grid-5{ width:100%!important; }}
/*Services*/
.list-style-design ul{ list-style-type:none; margin:0; }
.list-style-design li{ position:relative; }
.list-style-design li:before{ content:"\f105"; position:absolute; font-family:'FontAwesome'; left:-35px; color:#ffc70a; }
.shape-bottom{ transform:rotateX(1deg) rotateY(180deg); }
.list-style-design.circle li:before{ content:"\f1ce"; font-size:13px; color: #ff8936;}
.shape-bottom path{ fill:#18305d; }
.service-main-img{ position: absolute; width: 100%; max-width: 100%; z-index: 3; right: 0;}
@media (max-width: 1024px) { .service-main-img{  position:relative; margin:30px 0; }}
.service-color-img{ right: -11%; top: 10%; z-index: 22; position: absolute; text-align: right; z-index: 2;}
.service-details .kc_accordion_header{ border-radius:5px; margin-bottom:5px; }
/*Industries*/
#sidebar-primary #menu-industries li >a:before { border-bottom: 6px solid transparent; border-left: 6px solid #5E5E80; border-top: 6px solid transparent; content: ""; display: inline-block; position: absolute; right: 15px; top: 18px; }
#sidebar-primary #menu-industries li >a:after{ display:none; }
#sidebar-primary #menu-industries a{ background:#f0f0f0; color:#5E5E80; border-width:0; margin-bottom:15px; padding-left:20px; border-radius:5px; }
#sidebar-primary #menu-industries li.current-menu-item a, #sidebar-primary #menu-industries a:hover{ background:#ff8936; color:#fff!important; }
#sidebar-primary #menu-industries li.current-menu-item a:before, #sidebar-primary #menu-industries a:hover #menu-industries #menu-industries a:before{ border-left-color:#eaecee!important; }
#custom_html-4{ background:linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)), transparent url(../../uploads/2020/05/bg-infra.jpg) 0% 0%/cover no-repeat scroll; display:flex; justify-content:center; align-items:center; text-align:center; padding:60px 15px; border-radius:5px;}
#custom_html-4 h3, #custom_html-4 a{ color:#fff; }
#custom_html-4 a:hover{ color:#007fdc; }
/*Single Industries*/
@media (max-width: 1024px) { body.menu_sidebar_slide_left #main, body.menu_sidebar_slide_left #sidebar-primary{ -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } body.menu_sidebar_slide_left #main{ border-right-width:0; } body.menu_sidebar_slide_left #sidebar-primary .widget_nav_menu{ display:none; }}
/*Candidates Form*/
.paoc-popup-modal .row, .candidates .row{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.paoc-popup-modal .row .col-span-4, .candidates .row .col-span-4{ flex:0 0 32%; max-width:32%; margin-bottom:20px; }
.paoc-popup-modal .row .col-span-6, .candidates .row .col-span-6{ flex:0 0 49%; max-width:49%; margin-bottom:20px; }
@media (max-width: 999px){ .paoc-popup-modal .row .col-span-4, .candidates .row .col-span-4, .candidates .row .col-span-6, .paoc-popup-modal .row .col-span-6{ flex:0 0 100%; max-width:100%; }}
.candidates .important-link, .paoc-popup-modal .important-link{ color:#ff0000; }
.popupaoc-button{ background:#ff8936; border-radius:5px; text-transform:uppercase; padding:5px 20px; }
.paoc-popup-modal input[type="text"], .paoc-popup-modal input[type="tel"], .paoc-popup-modal input[type="email"], .paoc-popup-modal select, .paoc-popup-modal textarea, .paoc-popup-modal input[type="submit"]{ border-radius:5px!important; }
.paoc-popup-modal-cnt{ padding:20px; }
.paoc-popup-modal .enq-logo{ text-align:center; margin-bottom:25px; }
/*About Us*/
@media (max-width: 1024px) { .flex-cureverse{ display:flex!important; flex-direction:column-reverse;  }}