@font-face {
    font-family:'Myriad Pro';
    src: url('../fonts/Lato-Regular.eot');
	src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Regular.woff2') format('woff2'),
		url('../fonts/Lato-Regular.woff') format('woff'),
		url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Lato-Bold.eot');
  src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Lato-Bold.woff2') format('woff2'),
      url('../fonts/Lato-Bold.woff') format('woff'),
      url('../fonts/Lato-Bold.ttf') format('truetype'),
      url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}



@font-face {
    font-family:'Myriad Pro Black';
    src: url('../fonts/Lato-Black.eot');
	src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Black.woff2') format('woff2'),
		url('../fonts/Lato-Black.woff') format('woff'),
		url('../fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Lato-Light.eot');
  src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Lato-Light.woff2') format('woff2'),
      url('../fonts/Lato-Light.woff') format('woff'),
      url('../fonts/Lato-Light.ttf') format('truetype'),
      url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'RupeeForadian';
    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: 'RupeeForadian';}
/* WEBKIT SCROLLBAR */
/* **************** */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(120,120,120,0.5);
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: rgba(120,120,120,0.6);
    -webkit-box-shadow: inset 0 0 4px rgba(120,120,120,0.6);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(120,120,120,0.4);
  }
body,
html {
  height: 100%;
}
.wow {
  visibility: hidden;
}
body{ margin:0px; padding:0px; font-size:20px; font-weight:400; font-family:'Myriad Pro';}
.common-container { width:1280px; margin:auto; position:relative;}
a {-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease; text-decoration:none !important; outline:none !important;}
h1,h2,h3,h4,h5,h6 { margin:0px; }
p {font-weight:400; font-size:18px; font-family:'Myriad Pro';line-height: 27px; color: #666666;}
/* FONTS SIZES */
.fs-12 { font-size:9px !important; }
.fs-12 { font-size:10px !important; }
.fs-12 { font-size:11px !important; }
.fs-12 { font-size:12px !important; }
.fs-13 { font-size:13px !important; }
.fs-14 { font-size:14px !important; }
.fs-16 { font-size:16px !important; }
.fs-18 { font-size:18px !important; }
.fs-20 { font-size:20px !important; }
.fs-22 { font-size:22px !important; }
.fs-24 { font-size:24px !important; }
.fs-26 { font-size:26px !important; }
.fs-28 { font-size:28px !important; }
.fs-30 { font-size:30px !important; line-height:37px; }
.fs-32 { font-size:33px !important; line-height: 38px !important; }
.fs-33 { font-size:33px !important; line-height:37px; }
.fs-36 { font-size:36px !important; line-height:40px; }
.fs-40 { font-size:40px !important; line-height: 32px;}
.fs-50 { font-size:50px !important; line-height: 60px;}
.fs-56 { font-size:56px !important; line-height: 48px;}
.fs-60 { font-size:60px !important; line-height: 50px;}
.fs-70 { font-size:70px !important;}
.fs-100 { font-size:100px !important; line-height:76px; }
.fs-104{ font-size:104px !important; line-height:76px; }
/* font color */
.white-color { color:#FFF !important; }
.black-color { color:#000 !important; }
.black-color-444 { color:#444 !important; }
.black-color-666 { color:#666 !important; }
.blue-color-007BC2 { color:#007BC2 !important }
.blue-color-ECF4F8 { color:#ECF4F8 !important; }
.blue-color-008FB4 { color:#008FB4 !important; }
.dark-blue-color { color:#004469 !important }
.pruple-color-720876 { color:#720876 !important; }
.yellow-color-720876 { color:#CEB780 !important; }
.orange-color-E69025 { color:#E69025 !important; }
.red-color { color:#f23d3d !important }
.green-color { color:#34B233 !important }
.green-color-00AC5B { color:#00AC5B !important; }
.yellow-f7941d { color:#f7941d !important }

/* background color */
.white-background { background-color:#FFF !important; }
.black-background { background-color:#000 !important; }
.yellow-background { background-color:#f7941d !important }
.red-background { background-color:#f23d3d !important }
.blue-background-007BC2 { background-color:#007BC2 !important }
.green-background-e6f3e9 { background-color:#e6f3e9 !important }
.blue-background-ECF4F8 { background-color:#ECF4F8 !important }
.dark-blue-background { background-color:#004469 !important }
.dark-blue-background-ECF4F8 { background-color:#ECF4F8 !important }
.pruple-background { background-color:#4c004f !important }
.grey-background { background-color:#928b79 !important }
.green-background { background-color:#00ab5b !important }
.red-background { background-color:#ee1b3b !important }
.white-background-f5f7f8 { background-color:#f5f7f8 !important }

/* font weight */
.font-weight-300 {font-weight:300}
.font-weight-400 {font-weight:400 !important}
.font-weight-700 {font-weight:700}
.font-weight-900 {font-weight:900}
/*ex-mar*/

.body-overflow { overflow:hidden; }
/*PAGELOAFER*/
#header{ position:absolute; width:100%; left:0px; top:20px; z-index:9998; transition:0.2s;}
.fixed-logo { position:absolute; top:0px; right:0px; transition:0.2s; }
#header.fixed { background-color:rgba(000,000,000,0.5); position:fixed; top:0px; transition:0.2s; z-index:9998;} 
#header.fixed .logo {padding-top: 16px;padding-bottom: 8px; transition:0.2s; }
#header.fixed .logo img { width:98px; }
#header.fixed .fixed-logo {top: -4px; transition:0.2s; }
#header.fixed .fixed-logo img { width: 50px; }
#header.fixed .humberger_icon {top: 27px; left: 130px;}
/*  */
/* .slide_menu { max-width: 370px; width: 100%; height: 100%; position: fixed; top: 0; left: -370px; background: #000000; z-index: 9999; padding: 60px 0 0 0; overflow: auto; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.slide_menu .close_menu { position: absolute; top: 20px; right: 20px; font-size: 14px; color: #666666; text-transform: uppercase; text-decoration: none; }
.slide_menu .close_menu:hover { color: #3d7edb; }

.slide_menu .return_menu { position: absolute; top: 20px; left: 20px; font-size: 14px; color: #666666; text-transform: uppercase; text-decoration: none; }
.slide_menu .return_menu:hover { color: #3d7edb; }

.slide_menu ul { width: 100%; float: left; display: block; position: relative; background: #000; }
.slide_menu ul li { width: 100%; float: left; display: block; border-bottom: 1px solid #1a1a1a; }
.slide_menu ul li a { display: block; text-decoration: none; font-size: 1.500em; line-height: 1.2em; font-family: 'Lato-Light'; color: #fff; padding: 10px 5% 10px 5%; position: relative; }
.slide_menu ul li a:hover { color: #3d7edb; }
.slide_menu ul li a.hasul:after { width: 25px; height: 25px; background: url(../images/sprite.png) no-repeat -150px 0; content: ""; display: inline-block; position: absolute; top: 50%; right: 20px; margin-top: -12px; }
.slide_menu ul li a.hasul:hover:after { background: url(../images/sprite.png) no-repeat -150px -25px; }
.slide_menu ul li ul { width: 100%; position: absolute; top: 0; left: 100%; display: none; }
.slide_menu ul li ul .level_head a:before { width: 25px; height: 25px; background: url(../images/sprite.png) no-repeat -175px 0; content: ""; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; }
.slide_menu .searchbox { width: 100%; background: #1a1a1a; padding: 5px 15px; margin: 10px 0; }
.slide_menu .searchbox .searchbut { width: 32px; height: 31px; background: url(../images/sprite.png) no-repeat 0 -36px; display: inline-block; border: none; outline: none; cursor: pointer; vertical-align: middle; }
.slide_menu .searchbox .textbox { width: 80%; height: auto; background: none; border: none; outline: none; display: inline-block; vertical-align: middle; padding: 10px; font-size: 1.500em; line-height: 1.2em; font-family: 'Lato-Light'; color: #fff; }

.slide_menu ul li .level_3 .level_head a { font-size:1.5em;}
.slide_menu ul li .level_3 a { font-size:1em;}

.menuopen { overflow: hidden; }
.menuopen .slide_menu { left: 0; }
.menuopen .wrapper, .menuopen header { left: 370px; }
.menuopen .wrapper:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); content: ""; }
.wrapper .scalebg { -moz-transition: all 4s ease-in-out 0s; -webkit-transition: all 4s ease-in-out 0s; transition: all 4s ease-in-out 0s; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
 */
/*  */

.page-title h2 {font-family:'Myriad Pro'; font-weight:300; font-size:52px;line-height:48px; letter-spacing: -1px; }
.page-small-title h3 {font-family:'Myriad Pro'; font-weight:700; font-size:20px;line-height:30px;}


.discover-bt { display:inline-block; padding:16px 44px 13px 15px; background:url(../images/white-right-arrow.png) no-repeat 90% center; font-size:15px; text-transform:uppercase; font-family: 'Conv_Myriad Pro-Bold'; color:#FFF;} 
.discover-bt:hover {background:url(../images/white-right-arrow.png) no-repeat 93% center; color:#FFF;}

.logo { padding-top:23px; }
.read-more2 { display:inline-block; background-color:#FFF; padding:15px 28px; text-align:center; color:#0080c6; font-size:12px; border: solid 1px #0080c6;  font-weight:700; text-decoration:none !important; position:relative; z-index:2; text-transform:uppercase; border-radius:5px;}
.read-more2:hover { background-color:#0080c6; color:#FFF; }


.read-more { display:inline-block; background-color:#0080c6; padding:15px 28px; text-align:center; color:#FFF; font-size:12px; font-weight:700; text-decoration:none !important; position:relative; z-index:2; text-transform:uppercase; border-radius:5px;}
.read-more:hover { background-color:#222; color:#FFF; }


.read-more2 { display:inline-block; background-color:#FFF; padding:15px 28px; text-align:center; color:#0080c6; font-size:12px; border: solid 1px #0080c6;  font-weight:700; text-decoration:none !important; position:relative; z-index:2; text-transform:uppercase; border-radius:5px;}
/* .read-more2:hover { background-color:#0080c6; color:#FFF; } */

.bg-img { background-repeat:no-repeat !important; background-size:110% !important; background-position:center top !important; transition:5s; transform-origin:center center; background-attachment:fixed;}
#banner { position:relative;  height:100vh;/*  background-color: #FFF;  */ background: #FFFFFF; overflow: hidden; }
#banner h2 { font-size: 30px; line-height: 30px; color: #444444; font-weight: 400; }
#banner h5 {color: #444444; font-weight: 600;  font-size: 36px; line-height: 30px; margin:30px 0;}
#banner a.banner-download-bt {width: 196px; display: inline-block;
  height: 60px;
  background: #007BC2 url(../images/cricle-download-icon.svg) no-repeat 7px 11px;
    border-radius: 30px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    padding-left: 57px;
    padding-top: 10px;padding-right: 20px;}

#banner .label  {  position: absolute; right:0px; top:-38px; }
#banner .label.square1 { right:525px; }
#banner .label.square2 { right:263px; }
#banner .label.square3 {  }

#banner .label2 {  position: absolute; right:0px; bottom:-30px; }
#banner .label2.square4 { right:473px;  }
#banner .label2.square5 { right:263px; right:198px; }
#banner .label2.square6 { right: -54px; }

#banner .square-title { position: absolute; right: 0px; top:0px; font-size: 30px; color: #0080c6; font-weight: 600; }
#banner .square-title.square-title1 { top: 51%; right: 630px; }
#banner .square-title.square-title2 { top: 45%;  right: 348px; }
#banner .square-title.square-title3 { top: 35%;  right: 28px; }



/* .project { position:absolute; top:237px; left:100px; right:0px; width:481px; margin:auto;} */
/* .tline { position:absolute; left:0px; top:80px; z-index:9998;width: 100%;}
.banner-title1 h2 { font-size:76px; line-height:80px; margin-top:0px;} */

/* .banner-download-bt a { display:inline-block; color:#FFF; font-size:17px; text-transform:uppercase; font-weight:400;}
.banner-download-bt a span { display:block; border-top:solid 1px #fff;} */


.mouse { position:absolute; left:0px; right:0px; bottom:20px; width:21px; margin:auto; }
.scroll-downs {
  position: fixed;
  right: 0;
  bottom:10px;
  left: 0;
  margin: auto;
  width :34px;
  height: 55px;
  opacity:1;
  z-index:9998;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 4px solid #fff;
  border-radius: 25px;
  opacity:1;
  box-sizing: content-box;transform: scale(0.6);
}
.scroller {
  width: 5px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
.scroll-downs.hide { opacity:0; }

.section { position:relative; }
.section-bg { background-repeat:no-repeat; background-size:125%; background-position:center center; transition:3s;}
/* .section:before { content:''; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.3); left:0px; top:0px;  } */
.active.fp-completely.bg-img{background-size:108% !important;}


.sectiontitle {
  font-size: 1.125em;
  line-height: 1.2em;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  z-index: 99;
}

.sectiontitle span {
  display: inline-block;
  position: relative;
  font-weight: 700;
  font-family:'Myriad Pro';
}

.sectiontitle span:before {
  width: 40px;
  height: 1px;
  background: #fff;
  content: "";
  position: absolute;
  top: 46%;
  left: 100%;
  margin-left: 10px;
}

.sectiontitle span:after {
  width: 40px;
  height: 1px;
  background: #fff;
  content: "";
  position: absolute;
  top: 46%;
  right: 100%;
  margin-right: 10px;
}

.sectiontitle.bluecol {
  color: #4280d8;
}

.sectiontitle.bluecol span:before {
  background: #4280d8;
}

.sectiontitle.bluecol span:after {
  background: #4280d8;
}

#Resilient { overflow: hidden; }
#Resilient .big-cricle {width: 1026px;
  height: 1026px; background: rgba(255, 255, 255, 0.2); background-blend-mode: overlay; border-radius: 100%; position: absolute; 
  right: -630px; top:0px; bottom:0px; margin:auto;
}

#Resilient .Resilient-left { padding-top: 92px;  width: 450px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;}

.chairman-section { width: 650px; margin: auto; display: flex;height: 100%;
  flex-direction: column;
  justify-content: center;}
.chairman-section .chairman-pic { position: absolute; bottom:0px; right:0px; }
.chairman-section .Pillars { margin:0px; padding:0px; list-style-type: none; margin-bottom:20px;  }
.chairman-section .Pillars li { display: block; border:solid 1px #FFF; border-radius:3px; padding: 5px 10px; color: #FFF; font-size: 18px; margin-bottom: 15px; width: 290px;}
/* .chairman-section .Pillars li:hover {background-color: #FFF; color: #007BC2; } */
.chairman-bt {border-radius: 3px;
  background-color: #FFF;
  color: #007BC2;
  font-weight: 700;
  width: 290px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 0px;
  padding-top: 13px;
  border: solid 1px #FFF;
  margin-bottom: 9px;}  
.chairman-bt:hover { background-color: #007BC2; color: #FFF; }



.chairman-section .chairman-name { position: absolute; bottom:90px; right: 90px; text-align: right; padding: 10px; background: rgba(0, 123, 194, 0.5); color: #FFF; font-weight: 600; font-size: 24px; }
.chairman-section .chairman-name span { font-size: 16px; font-weight: 400; display: block; }



#key-performance { background: url(../images/wave-vet.jpg) no-repeat 1205px center;}
#key-performance .common-container {padding-top: 30px;}
.key-perfromer-right { padding:100px; padding-right: 200px; padding-bottom: 20px; }
#key-performance .nav-tabs {
  border: none;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;

}
#key-performance .nav-tabs .nav-item {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  box-shadow: none;
  border-radius: 0;
  border: none;
}
#key-performance .nav-tabs .nav-link {
  color: #999;
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  box-shadow: none;
  border-radius: 0;
  background-size: 26px;
  margin-right: 20px;
}
#key-performance .nav-tabs .nav-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 4px;
  background-color: #000;
  left: 0;
  bottom: 0;
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
}
#key-performance .nav-tabs .nav-item .nav-link.active {
  opacity: 1;
  box-shadow: none;
  border-radius: 0;
  border: none;
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
  color: #007BC2; font-weight: 700;
}

#key-performance .nav-tabs .nav-item .nav-link.active:after {
  width: 100%; background-color: #007BC2;
}

.key-info {border: 1px solid #E9E9E9; padding:10px ; position: relative; border-radius: 5px; transition: 0.5s; margin-bottom: 11px;}
.key-info h6 { font-weight: 300; font-size: 16px; color: #666666; margin-bottom: 8px; }
.key-info .nos {color: #666666; font-size: 38px; line-height: 32px; letter-spacing:-1px; font-weight: 300; }
.key-info .nos span.label { font-weight: 700; font-size: 24px; position: absolute; right:20px;  }
.key-info:hover { background-color: #007BC2; box-shadow: 0px 8px 30px rgba(0, 123, 194, 0.5); }
.key-info:hover h6,.key-info:hover .nos,.key-info:hover .nos span { color: #FFF; }

/* 
#key-performance .nav-tabs .nav-item:nth-child(1) .nav-link {
  background-image: url(../images/environment1.png);
}
#key-performance .nav-tabs .nav-item:nth-child(2) .nav-link {
  background-image: url(../images/social1.png);
}
#key-performance .nav-tabs .nav-item:nth-child(3) .nav-link {
  background-image: url(../images/Governance1.png);
}
#key-performance .nav-tabs .nav-item:nth-child(1) .nav-link.active {
  color: #00b28f;
}
#key-performance .nav-tabs .nav-item:nth-child(2) .nav-link.active {
  color: #007cc3;
}
#key-performance .nav-tabs .nav-item:nth-child(3) .nav-link.active {
  color: #963596;
}
#key-performance .nav-tabs .nav-item:nth-child(1) .nav-link.active:after {
  background-color: #00b28f;
}
#key-performance .nav-tabs .nav-item:nth-child(2) .nav-link.active:after {
  background-color: #007cc3;
}
#key-performance .nav-tabs .nav-item:nth-child(3) .nav-link.active:after {
  background-color: #963596;
} */



/* .key-perfromance-box { color:#FFF; background-repeat:no-repeat; background-position:left 0px; padding-left:140px; height: 140px; }
.key-perfromance-box h3 {font-weight:300; font-family: 'Conv_Lato-Light'; font-size:46px; }
.key-pic1 { background-image:url(../images/ph-1.jpg); }
.key-pic2 { background-image:url(../images/ph-2.jpg); }
.key-pic3 { background-image:url(../images/ph-3.jpg); }
.key-pic4 { background-image:url(../images/ph-4.jpg); }
.key-perfromance-box p {line-height: 19px; }
.key-number-box { border-bottom:solid 1px rgba(255,255,255,0.4); padding-bottom:15px; margin-bottom:10px; }
.key-number-box p { margin-bottom:0px; }
#key-performance .common-container {padding-top: 68px;}
#key-performance .section:before {background-color: rgba(0,0,0,0.6);}
#key-performance .swiper-slide { padding-bottom: 15px; }
#key-performance .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0px;}
#key-performance .swiper-pagination-bullet-active,#key-performance .swiper-pagination-bullet { background-color:#FFF; } */


#about-tata-steel { background-image: url(../images/about-us-banner.jpg); }
#about-tata-steel .common-container { padding-top: 20px; }

#about-tata-steel.section:before { display:none; }
#about-tata-steel .about-tata-box {background: rgba(0, 42, 75, 0.8);height: 100px;
border-radius: 4px; padding: 10px 15px; color: #FFF; margin-bottom: 15px; transition: 0.5s;} 
#about-tata-steel .about-tata-box h6 { color: #007BC2; font-size: 18px; font-weight: 700; margin-bottom: 8px; }
#about-tata-steel .about-tata-box p { font-size: 16px; line-height: 22px; color: #FFF; }
#about-tata-steel .about-tata-box:hover { box-shadow: 0px 8px 30px rgba(0, 000, 000, 0.5); }

  .about-tata-right { padding: 20px;
    padding-right: 50px;
    padding-left: 40px;
    border-left: dashed 1px #FFF; }
  #about-tata-steel .about-tata-right-box { margin-bottom: 25px; }

  #about-tata-steel-two { background-color: #FFFFFF; }
  #about-tata-steel-two .common-container { padding-top: 80px; }

.about-tata-steel-two-right { padding-top: 50px; }  
.about-tata-steel-two-right-box {background: #FFFFFF; transition: 0.5s; }  
.about-tata-steel-two-right-box:hover {box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);}  
.nos-info { }
.nos-info h4 { font-size:38px; line-height: 32px; font-weight: 300;}
.nos-info p { font-size: 16px; line-height: 23px; }


#leadership { overflow: hidden; }
.leadership-left { display: table;
  height: 100%;
  width: 100%;
  margin: auto;}
.leadership-inner { display: table-cell; vertical-align: middle;  }  
.leadership-right { height: 100%; }
.big-cricle2 { position: absolute;  width: 1011px; height: 700px; background: #007BC2; top:-170px; right:-270px;  border-radius: 100%; }
.md-box { position: absolute; left:0px; bottom:-30px; }
.md-name { position: absolute; top:-90px; right:-20px; width: 230px;}
.md-name h3 { font-size: 24px; font-weight: 700; }
.md-1 {left: -20px;}
.md-2 {left: 350px;}

/* .leadership-left .link1 {width: 280px;}
.leadership-left .link2 {width: 280px;} */


/**/#strategy { background: #ECF4F8 url(../images/bottom-dot.png) repeat-x bottom center; }
#strategy .common-container { padding-top:60px; }
#strategy .strategy-left { padding-right:90px;  }
#strategy .strategy-right { height: 420px; padding-right: 287px;  }
#strategy .strategy-right:before { content: ''; position: absolute; height: 100%; width: 1px; border-left: 1px dashed #007BC2; left: -80px; }
#strategy .strategy-right .graph { position: absolute; bottom:0px; right:0px; }
#strategy .strategy-right p { padding-right:90px;  }


#stakeholder{}

#stakeholder [class^="swiper-button-"] { background-image: none; width: 32px; height: 38px; top: 73%; }
#stakeholder .common-container { padding-top:60px; }
.stakeholder-box { background-color:#f5f5f5; margin: 15px; height: 225px; }
.stakeholder-right-box {padding: 10px 15px; }
.stakeholder-right-box p { margin-bottom: 5px; background-image: url(../images/blue-arrow-bullet.svg); background-repeat: no-repeat; background-position: left 5px; padding-left: 15px; }
#stakeholder .swiper-button-prev {left: -21px;}
#stakeholder .swiper-button-next {right: -21px;}
.stakeholder-right { padding: 30px; } 



#sixCapital [class^="swiper-button-"] { background-image: none; width: 32px; height: 38px; top: 50%; }
#sixCapital .common-container { padding-top:50px; }
#sixCapital .swiper-button-prev {left: -21px;}
#sixCapital .swiper-button-next {right: -21px;}

.captial-box  { margin:0px 20px; height: 520px; transition: 0.5s; position: relative;}
.captial-box:hover {box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.3); border-radius: 4px;}
.captial-box h6 { font-size: 18px; font-weight: 700; margin-bottom: 13px; margin-top:10px; position: relative; padding-bottom: 9px; }
.captial-box h6 span { position: absolute; right:0px; top: -7px; }
.captial-box .read-more { position: absolute; bottom:15px; left:15px; transition: 0.5s; }
.captial-box .read-more:hover { background-color:#FFF }


.fin-cap { background-color: #EBE7EF; }
.man-cap {background-color: #F4F3EF;}
.int-cap {background-color: #E5F1F5;}
.human-cap {background-color: #FCEFE1;}
.nat-cap {background-color: #F1F8F3;}
.soc-cap {background-color: #FEF2ED;}

.fin-cap .read-more { background-color: transparent; border: solid 1px #720876; color: #720876; }
.man-cap .read-more { background-color: transparent; border: solid 1px #CEB780 ; color: #CEB780 ; }
.int-cap .read-more { background-color: transparent; border: solid 1px #008FB4 ; color: #008FB4 ; }
.human-cap .read-more { background-color: transparent; border: solid 1px #E69025 ; color: #E69025 ; }
.nat-cap .read-more { background-color: transparent; border: solid 1px #00AC5B ; color: #00AC5B ; }
.soc-cap .read-more { background-color: transparent; border: solid 1px #f23d3d  ; color: #f23d3d  ; }

#governance { background-image: url(../images/governance-banner.jpg); }


#Combating-covid .row.no-gutters { padding-top:50px; }
.covid-section { width: 550px; float: right; margin-right: 100px; }
.covid-box { margin-bottom: 15px; }
.covid-box a { display: block; position: relative; transition: 0.5s; }
.covid-box a h2 { position: absolute; left:10px; bottom:10px; color: #FFF; font-weight: 700; font-size: 18px; padding-right: 15px; line-height:18px; }
.covid-box a:hover {box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.3);  transform: scale(1.02);}


.download-box { margin-bottom:20px; }
.download-box a { background:#FFF url(../images/download-icon.png) no-repeat 25px center; padding:40px 10px; display:block; padding-left: 150px; transition:0.5s; position: relative; overflow: hidden; }
.download-box a::before { content: ''; width: 210px;  height: 210px; border-radius: 100%; background: #666666 url(../images/download-pdf.svg) no-repeat 114px 95px; position: absolute; left: -79px; top: -60px; transition: 0.5s; }



.download-box a h2 { font-size:20px; color:#666666; font-weight:600; }
.download-box a p { color:#000; font-size:12px; color:#444444; text-transform:uppercase;line-height: 10px; font-weight:700; }
.download-box a:hover {-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.09);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.09);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.09);}

.download-box a:hover::before { background: #007BC2 url(../images/download-pdf.svg) no-repeat 114px 95px;}

.awards-section { width: 480px; margin: auto; }

#tata-cration { }
#tata-cration .swiper-slide { background-size:115% !important; transform-origin: center center; height: 100%; transition: 3.5s; background-repeat: no-repeat; }
#tata-cration .swiper-slide.bg1 { background-image: url(../images/creatuon-bg1.jpg); }
#tata-cration .swiper-slide.bg2 { background-image: url(../images/tata-cration-banner.jpg); }
#tata-cration .swiper-slide.bg3 { background-image: url(../images/creatuon-bg3.jpg); }
#tata-cration .swiper-slide.bg4 { background-image: url(../images/creatuon-bg4.jpg); }
#tata-cration .swiper-slide.bg5 { background-image: url(../images/creatuon-bg5.jpg); }
#tata-cration .swiper-slide.bg6 { background-image: url(../images/creatuon-bg6.jpg); }
#tata-cration .swiper-slide.bg7 { background-image: url(../images/creatuon-bg7.jpg); }
#tata-cration .swiper-slide.bg8 { background-image: url(../images/creatuon-bg8.jpg); }




.mobile-creation-img { display: none; }
#tata-cration .swiper-slide.swiper-slide-active { background-size: 108% !important; }

#tata-cration .creation-left {display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

#tata-cration [class^="swiper-button-"] { background-size: 15px; background-color: #FFF; width: 50px; height: 50px; }
#tata-cration .swiper-button-next {right: 50px;}
#tata-cration .swiper-button-prev {left: 50px;}

/* Inner */
/* BREADCRUMB */
#breadcrumb { border-bottom: 1px solid #e5e5e5; margin-top: 100px;     display: inline-block;
  width: 100%; margin-bottom:30px;}
#breadcrumb * { -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -ms-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
#breadcrumb ul { margin:0px; padding:0px; }
#breadcrumb ul li { float: left; list-style: none; padding:10px; position: relative; z-index: 99 }
#breadcrumb ul li:after { content: '/'; font-size:15px; position: absolute; top: 11px; right: 0px }
#breadcrumb ul li a { font-size:14px; color: #464646; display: block; line-height: 1.5em }
#breadcrumb ul li a.black_home { background-position: 7px 0; width: 25px; height: 21px; }
#breadcrumb ul li.active:after { content: '' }
#breadcrumb ul li.active a { color: #3d7edb }
#breadcrumb ul ul { opacity: 0; visibility: hidden; display: block; margin-top: 30px; padding-top: 10px; z-index: 2 }
#breadcrumb ul ul.dropdown-menu:after { content: ''; height: 20px; width: 20px; background: #fff; position: absolute; top: -11px; left: 20px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; transform: rotate(45deg) }
#breadcrumb ul li:hover ul { opacity: 1; display: block; visibility: visible; margin-top: 0; z-index: 2 }
#breadcrumb ul ul li { padding: 0; float: none }
#breadcrumb ul ul li a { display: block; padding: 6px 10px 4px 15px; margin: 0 }
#breadcrumb ul ul li a:hover { /*padding-left: 25px;*/ }
#breadcrumb ul ul li:after { content: '' }


.inner-page-title h1 {
  color: #FFF;
  font-size: 40px;
  line-height: 40px;
  margin: 0px;
  color: #333333;
  font-weight: 700;
}

.nos-box { display: inline-block; background-color: #007BC2; width: 30px; height: 30px; line-height: 32px; text-align: center; border-radius: 100px; color: #FFF; font-weight: 700; }

.Strategic-box { padding:30px; height: 350px; border-right: dotted 1px #007BC2; border-bottom: dotted 1px #007BC2; position: relative; }
.so { display: inline-block;
  border-radius: 20px;
  background-color: #007BC2;
  color: #FFF;
  font-weight: 700;
  padding: 2px 22px;
  font-size: 16px;
  padding-top: 4px; margin-bottom: 10px; width: 70px;
  text-align: center; }
.Strategic-box.border-r-none { border-right:none; }
.Strategic-box.border-b-none { border-bottom:none; }
.Strategic-box2 { background-color: #f5f7f8; padding:20px; height: 420px; margin-bottom: 30px; }

.liststyle {}
.liststyle ul { margin:0px; padding:0px; }
.liststyle ul li { font-size: 18px; margin-bottom: 15px; }


.table-so { margin-top: 100px; }

.table-so table tr th { font-size: 22px; color: #007BC2; font-weight: 400; width: 25%; }
.table-so table tr th:nth-child(1) { background-color: #f0f3f5; }
.table-so table tr th:nth-child(2) { background-color: #e6eaee; }
.table-so table tr th:nth-child(3) { background-color: #c0dee9; }
.table-so table tr th:nth-child(4) { background-color: #0080c6; color: #FFF; }
.table-so table tr td,.table-so table tr th { padding:20px }
.table-so table tr td {border-right: dotted 1px #007BC2;  border-top: dotted 1px #007BC2;  }
.table-so table td .so {transform: translate(-20px, -32px);}
.table-so table tr td:nth-child(4) { border-right: none; }

#footer { background-color:#f1f5f8; padding-top:40px; z-index: 9998; position: relative; }
#footer.section:before { display:none; }
.copyright { background-color:#3f3e40; color:#FFF; font-size:15px;padding: 20px 0;padding: 20px 0; margin-top:20px; text-align:center;}

/*.f-logo1 {padding-top: 24px;}
.footer-links h2 { color:#FFF; text-transform:uppercase; font-size:12px; font-family: 'Conv_Myriad Pro-Bold';font-weight:700;}
.footer-links h2 a { color:#FFF;  }
.footer-links ul { margin:0px; padding:0px; list-style-type:none; margin-top:10px;}
.footer-links ul li a { font-size:12px; color:#FFF; display:block; border-bottom:solid 1px #496578; font-family: 'Conv_Myriad Pro-Bold';font-weight:700;padding: 6px 0;}
.footer-links ul li a:hover { color:#3D7EDB; }*/

/*END*/


#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	border:none;
	background-color: #3d7edb;z-index: 9999;
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
.list-ex1 { margin-top: 68px; }
.list-ex2 { margin-top: 41px; }
.list-ex3 { margin-top: 32px; }


.bord-purple-top-right {
  border-right: solid 1px #4c004f;
  border-top: solid 1px #4c004f;
}

.bord-grey-top-right {
  border-right: solid 1px #aaa394;
  border-top: solid 1px #aaa394;
}

.bord-teal-top-right {
  border-right: solid 1px #0090b5;
  border-top: solid 1px #0090b5;
}

.bord-orange-top-right {
  border-right: solid 1px #f59311;
  border-top: solid 1px #f59311;
}

.bord-green-top-right {
  border-right: solid 1px #00a857;
  border-top: solid 1px #00a857;
}

.bord-red-top-right {
  border-right: solid 1px #ee1b3b;
  border-top: solid 1px #ee1b3b;
}

.purple-clr {
  color: #520a55;
}

.silver-clr {
  color: #a9a293;
}

.light-blue-clr {
  color: #008fb3;
}

.orange-clr {
  color: #f69322;
}
.green-clr {
  color: #00ab5b !important;
}
.red-clr {
  color: #ed1b3a;
}
.bold-text {
  font-weight: 700;
}

.pd-t-20 {
  padding-top: 20px;
}
.pd-lr-10 {

  padding-right: 10px;
}
.bm-cvr {
  padding-left: 50px;
  padding-top: 10px;
  width: 100%;
  min-height: 100px;
  margin-bottom: 20px;
}
.bm-cvr p { margin-bottom: 0px; line-height: 19px; margin-bottom: 8px; }

.icn-bm-1{ background-image: url(../images/rupee.svg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 45px;}

.icn-bm-2{ background-image: url(../images/MC.svg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 45px;}

.icn-bm-3{ background-image: url(../images/Intel.svg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 45px;}

.icn-bm-4{ background-image: url(../images/Human-cap.svg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 45px;}

.icn-bm-5{ background-image: url(../images/nature.svg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 45px;}

.icn-bm-6{ background-image: url(../images/Social.svg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 45px;}

  .home-page-title h1.border-inp {
    background-image: url(../images/arrw-head.jpg);
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
}
.home-page-title h1.border-inp span {
  background-color: #fff;
  display: inline-block;
  position: relative;
  padding: 0px 15px 0px 0px;
}

.home-page-title h1.border-inp:before {
  content: '';
  height: 4px;
  width: 99%;
  display: inline-block;
  background-color: #333;
  position: absolute;
  top: 47%;
}

.vca-box {
  width: 100%;
  min-height: 295px;
  padding: 10px;
  background-color: #e4edf8;
}

#financial-capital ul.b2-list {
  display: inline-block;
  width: 100%;
  padding-left: 0px;
  margin-bottom: 0px;
}

#financial-capital ul.b2-list li {
  display: inline-block;
  border-radius: 10px;
  font-family: 'Lato-Bold' !important;
  color: #FFF;
  font-size: 12px;
  padding: 4px 8px;
  margin-right: 10px;
}

#financial-capital .vca-box p { line-height: inherit; }

.blue-bg {
  background-color: #0081c7 !important;
}

.footprint-map{ position:relative; }
.pointer-title { display:block; position:absolute; z-index:2 !important;}
.map-bt { }
.map-bt a { position:absolute; right:0px; top:0px; padding:6px 8px; border:solid 1px #e4e4e4; font-size:14px; color: #000; letter-spacing:1px; background-color:#3d7edb; color: #FFF;}
.map-bt a:hover { background-color:#3d7edb; color:#FFF;}
.map-con .nos-box { width:15px; height:15px; line-height:18px; font-size: 10px }
.map-bt a.relative { position: relative; left:0px; right: inherit;  margin-top: 15px; display: inline-block; } 
.map-bt a.relative2 { position: relative; left:0px; right: inherit;  margin-top: 15px; display: inline-block; } 
.map-mobile { display: none; }

/* .pad-left { padding-left: 50px; } */

.full-h { height: 350px; position: relative; }
.full-h .map-bt a {top: inherit; bottom: 0px; left: 15px;
  right: inherit;}