@font-face {

    font-family: 'BreuerText';

    src: url('../fonts/BreuerText.eot');

    src: url('../fonts/BreuerText.eot') format('embedded-opentype'),

         url('../fonts/BreuerText.woff2') format('woff2'),

         url('../fonts/BreuerText.woff') format('woff'),

         url('../fonts/BreuerText.ttf') format('truetype'),

         url('../fonts/BreuerText.svg#BreuerText') format('svg');

         font-weight: 400;

         font-style: normal;

}

@font-face {

    font-family: 'BreuerText';

    src: url('../fonts/TYPETRUSTBREUERTEXTBOLD_0.eot');

    src: url('../fonts/TYPETRUSTBREUERTEXTBOLD_0.eot') format('embedded-opentype'),

         url('../fonts/TYPETRUSTBREUERTEXTBOLD_0.woff2') format('woff2'),

         url('../fonts/TYPETRUSTBREUERTEXTBOLD_0.woff') format('woff'),

         url('../fonts/TYPETRUSTBREUERTEXTBOLD_0.ttf') format('truetype'),

         url('../fonts/TYPETRUSTBREUERTEXTBOLD_0.svg#TYPETRUSTBREUERTEXTBOLD_0') format('svg');

         font-weight: 700;

         font-style: normal;

}



@font-face {

    font-family: 'Rupee_Foradian';

    src: url('../fonts/Rupee_Foradian.eot');

    src: url('../fonts/Rupee_Foradian.eot') format('embedded-opentype'),

         url('../fonts/Rupee_Foradian.woff2') format('woff2'),

         url('../fonts/Rupee_Foradian.woff') format('woff'),

         url('../fonts/Rupee_Foradian.ttf') format('truetype'),

         url('../fonts/Rupee_Foradian.svg#Rupee_Foradian') format('svg');

       

}



.rs{font-family: 'Rupee_Foradian';}

body{font-family: 'BreuerText'; margin:0px; padding:0px;}

.home-bnr{ width: 100%; height: 800px; position: relative;}

.caption-wrp{ width: 100%; height: 41vh;position: absolute;top:50%; left:0px;transform: translate(0%,-50%); background-image: url(../images/main-bnr-bg_02.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: 100%; padding: 5% 0%;}

.caption-inner{ width: 1200px; margin: 0 auto;}

a.common-cta{ text-decoration:none; width: 142px; height: 42px; background-color: #e80000; text-align: center; font-family: 'Rajdhani', sans-serif;  font-size: 12px; color:#fff; padding: 13px 0px; display: inline-block; text-transform: uppercase;}

a.common-cta2{ text-decoration:none; width: auto; height: 42px; background-color: #e80000; text-align: center; font-family: 'Rajdhani', sans-serif;  font-size: 12px; color:#fff; padding: 13px 30px; display: inline-block; text-transform: uppercase;}

.caption-inner h2{ font-size: 80px; font-weight: 400; text-transform: uppercase; line-height: 65px; margin: 0px 0px 20px; color:#1e3ba0;}

.caption-inner h2 span{ color: #e80000;}

.blue-clr{ color:#1e3ba0;}

.red-clr{ color: #e80000;}

.grey-clr{ color: #333 !important;}

.white-clr{ color: #fff !important;}

.container-1200-wrp{ width: 1200px; margin: 0 auto;}
.container-1360-wrp{ width: 1320px; margin: 0 auto;}

.black-clr { color:#000 !important; }



.header-full-wrp{ width: 100%; height: 90px; padding: 16px 0px; position: fixed; top:0px; left: 0px; background-color: #fff; z-index: 9;}
.header-full-wrp.scrolled {background-color: #ffffff; transition: all 0.5s ease;}

.header-container-wrp{ max-width: 1360px; width: 1360px; margin:0 auto; padding: 0px 15px;}

.header-full-wrp .container-1360-wrp{z-index:11; position:relative;}

#logo{ display: inline-block; z-index: 10; position: relative;}

.hamburger{ width: 50px;

    height: 50px;

    float: right;

    display: block;

    background-color: #e80000;

    padding-top: 10px; transition: all 0.5s ease;
	
	z-index:10;
	
	position:relative;}

.three{

  padding: 80px 30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background-color: #2c3e50;

  color: #ecf0f1;

  text-align: center;

}

.hamburger .line{

  width: 30px;

  height: 2px;

  background-color: #ffffff;

  display: block;

  margin: 6px auto;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.hamburger:hover{

  cursor: pointer;

}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){

  opacity: 0;

}

#hamburger-1.is-active .line:nth-child(1){

  -webkit-transform: translateY(8px) rotate(45deg);

  -ms-transform: translateY(8px) rotate(45deg);

  -o-transform: translateY(8px) rotate(45deg);

  transform: translateY(8px) rotate(45deg);

}

#hamburger-1.is-active .line:nth-child(3){

  -webkit-transform: translateY(-8px) rotate(-45deg);

  -ms-transform: translateY(-8px) rotate(-45deg);

  -o-transform: translateY(-8px) rotate(-45deg);

  transform: translateY(-8px) rotate(-45deg);

}



.common-pad-t{ padding-top: 70px;} 

.common-pad-b{ padding-bottom: 70px;}

.be-wrp{ width: 100%; padding-left: 15px; padding-right:15px;}

.be-lhs-wrp{ width: 100%; height: 800px; background-image: url(../images/be-bg-1_04.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

.be-rhs-wrp{ width: 100%; height: 800px; position: relative;}

.beinner-lhs{ width: 330px; float: right; margin-right: -165px;}

.pic-wrp{ margin-top: 20px;}

.container-1280-wrp{ width: 1280px; margin: 0 auto;}

.beinner-rhs{ width: 365px; height: 510px; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);}

.common-ttle-44{ font-size:44px; font-weight: 700; line-height: 48px; margin: 0px 0px 20px;}

.common-ttle-55{font-size:55px; font-weight: 700; line-height: 48px; margin: 0px 0px 20px;}

.common-sub-ttle{ font-size: 22px; font-weight: 700; line-height: 26px; margin: 0px 0px 10px;}

.body-copy{ font-size: 16px; color: #333333; line-height: 22px;}

.ceo-cfo-wrp{ width: 100%; height: 800px; }

.ceo-bg{background-image: url(../images/ceo-bg_07.jpg); background-repeat: no-repeat; background-position: top right; background-size: cover;}

.cfo-bg{background-image: url(../images/cfo-bg_07.jpg); background-repeat: no-repeat; background-position: top right; background-size: cover;}

.ceo-pic{ margin-top: 55px;}

.cfo-pic{ margin-top: 98px;}

.ceo-lhs-wrp{ padding-top: 140px;}

.cfo-desc-wrp{ padding-top: 200px;}

.ceo-lhs-wrp h2{ font-size:78px; line-height:75px; font-weight: 700; margin: 0px 0px 30px;}

.ceo-lhs-wrp h3{ font-size:24px; line-height:28px; font-weight: 400; margin: 0px 0px 30px;}

.ceo-lhs-wrp p span{ font-weight: 700; font-size:22px; line-height: 24px; display: block;}

.ceo-lhs-wrp p{ font-size: 16px; font-weight: 400; color:#333333; margin: 0px 0px 30px;}

.sub-txt{font-size: 22px; color: #333333; line-height: 28px;}



.fy-sldr-wrp{ width: 825px; margin: 0 auto;}

.fy-sld-bx{ width: 100%; text-align: center; padding: 0px 0px;}

.fy-sld-bx img{ margin:0px 0px 20px;}

.fy-sld-bx p.ttle{ font-weight: 700; color:#333333; font-size: 30px; line-height: 34px; margin: 0px;}



.fy-sldr{ padding: 45px 0px;}

.fy-pagi .swiper-pagination-bullet-active{ background-color: #e80000;}

.fy-grid-cvr{ width: 100%; max-width: 1360px; margin: 100px auto 0px; padding: 0px 15px; position: relatiive; overflow: hidden;}

.overlay-fy-grid{ width: 100%; height: 100%; padding: 40px; position: absolute; top:30%; left: 0px; transition: all 0.5s ease;}

.overlay-fy-grid a{ width: 143px; height: 40px; text-decoration:none; border: 1px solid #fff; display: block; text-align: center; text-transform: uppercase; color:#fff; font-weight: 700;font-size: 12px; padding:10px 0px;opacity:0; transition: all 0.5s ease;}

.overlay-fy-grid img{ margin-bottom:20px;}

.fy-grid-bx{ position: relative;}

.fy-grid-bx:hover .overlay-fy-grid{ background-color: rgba(30,59,160,0.9); top:0%;}

.fy-grid-bx:hover .overlay-fy-grid a{ opacity: 1;}



.fs-stories-cvr{ width: 100%; max-width: 1920px; margin: 0 auto;}

.fs-dbl{ float: left; width: 50%;}



.blue-box-fs{width: 100%;height: 33.24%;background-color: #1e3ba0;clear: both; border-left:15px solid #e80000; position: relative;}



.fs-cvr{ display: inline-block; position: relative;}



.fs-cvr .ttle{ position: absolute;top: 20px; left: 20px; width: 190px; color:#fff; font-weight: 400; font-size: 24px; line-height: 28px;}

.fs-cvr .ttle .dash{ width: 60px; height: 5px; background-color: #fff; display: block; margin-top: 10px;}

.fs-cvr .ttle a{ width: 143px; height: 40px; text-decoration:none; border: 1px solid #fff; display: block; text-align: center; text-transform: uppercase; color:#fff; font-weight: 700;font-size: 12px; padding:5px 0px; margin-top: 20px; transition: all 0.5s ease;}

.blue-box-fs h2{ color: #fff;

  font-size: 44px;

  font-weight: 700;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  width: 100%;

  text-align: center;

  margin: 0px;}



  .roadmap-sldr-cvr{ max-width: 1440px; margin: 0 auto; position: relative;}

  .roadmap-bg-1{ background-image: url(../images/roadmap-1_03.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

  .roadmap-bg-2{ background-image: url(../images/roadmap-2.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

  .roadmap-bg-3{ background-image: url(../images/roadmap-3.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

  .roadmap-bg-4{ background-image: url(../images/roadmap-4.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

  .roadmap-bg-5{ background-image: url(../images/roadmap-5.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

  .roadmap-bg-6{ background-image: url(../images/roadmap-6.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

  .road-box{ width: 425px; background-color: #1e3ba0; border: 10px solid #fff; padding:35px; height: 500px;}

  .road-box .ttle{font-size:40px; line-height: 45px; color:#fff; font-weight: 700; margin: 0px 0px 30px;}

  .roadmap-sldr .swiper-slide{ padding: 100px 0px 100px 100px;}

  .road-box .sec-road{ width: 53px;

    height: 53px;

    border: 1px solid #fff;

    display: block;

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    padding: 14px 0px;

    text-align: center; margin: 0px 0px 20px 0px;}



    .road-box .sub-ttle{ font-weight: 700; color: #fff; font-size: 30px; line-height: 34px;}

    .road-next,.road-prev{ width: 80px;height: 80px;outline: none; outline-style: none; border: none;}

    .road-next{ background-image: url(../images/right-arrw.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: cover;right: -50px;}

    .road-prev{ background-image: url(../images/left-arrw.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: cover; left: -50px;}

    .road-prev:after, .road-next:after{ font-size: 0px;}

    .sustain-box{ position: relative; height: 600px;}

    .sustain-desc-bx{ width: 340px;}

    .sustain-pic{ position: absolute; bottom:0px; right: -100px;}



    .vc-wrp{ background-color: #f5f5f5;}

    .vc-bx{ width: 100%; height: 297px;border: 1px solid #ebebeb;padding: 20px; position: relative; overflow: hidden;}

    .vc-bx .ttle{ font-weight: 400; font-size: 33px; line-height: 38px; margin: 0px 0px 0px;}

    .vc-bx .body-copy{ margin: 20px 0px 0px;}

    .vc-bx a.common-cta{ position: absolute; left:20px; bottom: 20px;}

    .vc-bg-1{ background-image: url(../images/vc-bg-1_07.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

    .vc-bg-2{ background-image: url(../images/vc-bg-2_09.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
    
	.vc-bg-mat{ background-image: url(../images/vc-bg-mat.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
	
	.vc-bg-mgmt{ background-image: url(../images/vc-bg-mgmt.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

    .vc-bg .ttle{ font-size: 28px; line-height: 33px; position: absolute; left:20px; bottom: 70px;}

    .footer-wrp{ background-color: #1e3ba0; text-align: center; padding:30px 0px;}

    .footer-wrp p{ margin: 0px; font-size: 16px; font-weight: 400; color:#fff;text-transform: uppercase;}



    .home-sldr{ height: 800px;}

    .home-bg-2 .caption-wrp{ background-image: none;}

    .home-bg-2{ background-image: url(../images/jsw-bg-1_02.jpg); background-repeat: no-repeat; background-position: center right; background-size: 100%;}



    .home-sldr .home-pagi{width: 100px;bottom: 250px;left:0px;}

    .swiper-pagination-bullet-active{ background-color: #e80000;}

    .pos-rel{ position: relative;}

    .home-pagi .swiper-pagination-bullet{margin: 0px 3px;}

    .home-bg-1{ background-color: #fff;}
	
	.home-bg-3{ background-image: url(../images/home-bg3.jpg); background-repeat: no-repeat; background-position: center right; background-size: 100%;}

    /* .be-wrp { display: none;} */

    /* .ceo-cfo-wrp{ display: none;} */

    /* .fy-summary-wrp{ display:none;} */

    /* .feature-stories-wrp{ display: none;} */

    /* .roadmap-wrp-full{ display: none;} */

    /* .sustainability-wrp{ display: none;} */

    /* .vc-wrp{ display: none;} */
	
	
	
	
	
/*KINJAL*/
#inner-banner {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 500px;
    margin-bottom: 50px;
    background-color:#e4e4e4;
}
.about-banner { background-image:url(../images/about-banner.jpg); }


.listing-style1 { padding:0px; margin:0px; list-style-type:none; }
.listing-style1 li {font-size: 16px;
    color: #333333;
    line-height: 22px; background-image:url(../images/listing-arrow.png); background-repeat:no-repeat; background-position:left 6px; padding-left:13px;margin-bottom: 3px;}
.rprt-navigation-box { background-color:#e6e7e8; padding:20px;}	


.about-summary-box {background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; height:490px; width:100%; position:relative; padding:20px; color:#FFF;}
.about-summary-box:before { content:''; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.6); left:0px; top:0px; z-index:1; }
	

.about-summary-bg1 { background-image:url(../images/summrybg1.jpg); }
.about-summary-bg2 { background-image:url(../images/summrybg2.jpg); }
.about-summary-bg3 { background-image:url(../images/summrybg3.jpg); }
.about-summary-bg4 { background-image:url(../images/summrybg4.jpg); }

.about-summary-box li,#india-location li { background-image:url(../images/listing-arrow2.png); color:#FFF;}

.right-bor1 { border-right:1px solid rgba(0,0,0,.1); }
.bottom-bor1 { border-bottom:1px solid rgba(0,0,0,.1); }

.we-div{padding:10px;}

.better-box2 { margin-bottom:5px; height:258px;overflow: hidden;}

.vision-box { border:solid 2px #333333; height: 180px;}

.six-cap-box { margin-bottom:50px; }
.exjust { border-bottom:1px solid rgba(0,0,0,.1);  height: 225px; margin-bottom: 15px;}
.red-bg { background-color:#d71920; }
.blue-bg { background-color:#17479e; }
.blue2-bg { background-color:#5467b0; }

 #op ol.number-style {
   list-style: none;
   counter-reset: item;
   margin:0px; padding:0px;counter-reset: lis; /* Resets counter to zero unless overridden */
 }
 #op ol.number-style li {
    counter-increment: lis;
   margin-bottom: 5px; position:relative;padding-left: 33px;font-size: 16px; color:#333;
 }
  #op ol.number-style li span { font-weight:700; }
 
 #op ol.number-style li:before {
   margin-right: 10px;
   content: counter(lis)"";
   background: #d71920;
   border-radius: 100%;
   color: white;
   text-align: center;
   position:absolute; left:0px; top:2px;width: 25px;
   
 }


#india-location h5 { position:relative; padding-left: 31px;}
.alph-box{border-radius: 100%;
   color: #000;
   text-align: center;
   position:absolute; left:0px; top:2px;width: 25px; line-height:22px; background: #FFF; font-size:16px;}


#about-products .card-header { cursor:pointer;  background: rgba(0,0,0,.03) url(../images/min-icn.png) no-repeat 98% center;}
#about-products .card-header.collapsed { cursor:pointer;  background: rgba(0,0,0,.03) url(../images/plus-icn.png) no-repeat 98% center;}

#bod p {}

.bod-table th { background-color:#16479f; text-transform:uppercase; font-weight:700; color:#FFF; }
.bod-table th,.bod-table td { padding:5px; font-size:18px; border:solid 1px #e4e4e4; }
.bod-table td { background-color:#FFF; }



.fs-50 { font-size:50px; line-height:50px; }
ol.square {
   list-style: none;
   counter-reset: item;
 }

 ol.square > li{
   counter-increment: item;
   margin-bottom: 5px;
   border:solid 1px #16479f;
   padding: 22px 43px;
   font-size: 16px;
    color: #333333;
    line-height: 22px; position:relative;
 }

ol.square > li:before {
   margin-right: 10px;
   content: counter(item);
   background: #16479f;
   color: white;
   padding: 10px 18px;font-size: 25px;width: 50px;
   text-align: center;
   position:absolute;
   left:-20px; top:12px;
 }


.prudent-graph { margin-bottom:30px; }


.mapping-table table th { background-color:#16479f; color:#FFF; font-size:20px; font-weight:700; border-right:solid 8px #FFF;}
.mapping-table table th:nth-child(4) { background-color:#858dc6; }
.mapping-table table th,.mapping-table table td { padding:8px 8px; }
.mapping-table table td  { border-bottom:solid 1px #333; font-size:16px;}

.bold-f{font-weight:700!important;}
.fs-20{font-size:20px; line-height:24px;}
.fy-summary-wrp .fy-grid-bx li{background-image: url(../images/listing-arrow2.png);
    color: #FFF;}

.drop-sec-ttle{ color:#1e3ba0; font-weight: 700; font-size: 20px; line-height: 24px; margin-bottom: 10px;}
.drop-lnk{ display: block; color:#1e3ba0; font-weight: 400; font-size: 16px; text-decoration:none; padding:2px 0px 2px 0px;transition: all 0.5s ease;}
.drop-lnk:hover{ text-decoration:none; color:#e80000; padding:2px 0px 2px 2px;}
.spacer-drop{ width: 100%; height: 50px;}
.drop-sec-ttle a{ text-decoration:none; color:#1e3ba0;}
.nav-drop-wrp{ width: 100%; background-color: #ffffff; height: 100vh; position: fixed; top:0px; left:-100%; padding-top:130px;  z-index: 10; transition: all 0.5s ease;}

.ir-nav{position:absolute; right:100px; top:20px;}
.ir-nav:hover{text-decoration:none;}

.abt-imgs{display: inline-block; vertical-align: top; width: 12%;}
.abt-para{display: inline-block; width: 80%;}

.max-900{width:900px; margin:0 auto;}

.fs-40{font-size:40px; line-height:44px;}
.better-txt{position:absolute; right:-120px; bottom:150px;}

.production-box{padding:10px; background-color:#f1f1f1; border-radius:10px; min-height:500px;}

.feature-ht{min-height:130px;}

.prevnxt-btn{display: block;
    padding: 8px 30px;
    background-color: #333333;
    position: relative;
    color: #fff;
    font-size:16px;
    text-decoration: none; transition: all 0.5s ease;}

.prevnxt-btn:hover{ text-decoration: none; color:#fff;  background-color: #1e3ba0;}

.nxt-cta{ text-align: right;}

.prev-cta:after {
	right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #333333;
    border-width:20px;
    margin-top: -20px;
    transition: all 0.5s ease;
}

.nxt-cta:after {
   left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color:  #333333;
    border-width: 20px;
    margin-top: -20px;
    transition: all 0.5s ease;
}
.prev-cta:hover.prev-cta:after{border-right-color: #1e3ba0;}
.nxt-cta:hover.nxt-cta:after{border-left-color: #1e3ba0;}
.nxt-prev-wrp{padding:50px 0;}