@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');

body { margin: 0; padding: 0; font-family: 'Oxygen', sans-serif!important; transition: background-color .5s;}

a { transition: 0.5s ease-in-out; text-decoration: none;}
a:hover { transition: 0.5s ease-in-out; text-decoration: none;}
button { transition: 0.5s ease-in-out; text-decoration: none;}
button:hover { transition: 0.5s ease-in-out; text-decoration: none;}

.clr { clear: both; }
.clr-10 { clear: both; height: 10px;}
.clr-20 { clear: both; height: 20px;}
.clr-30 { clear: both; height: 30px;}
.clr-40 { clear: both; height: 40px;}
.clr-50 { clear: both; height: 50px;}

figure, hgroup { padding: 0px; margin: 0px; }

.bg-01{ background-color: rgba(0, 0, 0, 0.3); }

#wrapper { width: 100%; box-sizing: border-box; float: left; z-index: 9; position: relative;}
.container { width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; box-sizing: border-box; }

.head { width: 100%; float: left; box-sizing: border-box; background-color: #fff; padding: 20px 0; position: relative; top: 0; left: 0; 
  z-index: 11;}
.head-col { width: 100%; float: left; box-sizing: border-box; }
.head-inner { width:33%; float: left; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #fff;}
.menu-bar img { width: 4%; float: left; margin: 5px 0 0 0; } 
.menu { float: right; width: 94%; margin: 2px 0px 0px 0px; color: #000; margin: 3px 0 0 0; font-size: 16px;}
.logo1 { text-align: center; }
.logo1 a { display: inline-block; }
.logo1 img { width: 85%; margin: 0 auto; text-align: center; } 
.media-icons { width: 50%; float: right; box-sizing: border-box; }
.media-icons a { margin-left: 10px; }
.media-icons img { width: 16%; }



.banner { width: 100%; box-sizing: border-box; float: left; height: auto; background: url(../images/pattern-50.png) top 40px center no-repeat rgba(255, 255, 255, 0.5); 
	padding-bottom: 60px;   position: relative; z-index: 1;}
.banner-left { width: 57%; float: left; box-sizing: border-box; }
.banner-left img { width: 100%; }


.banner-right { width: 36%; box-sizing: border-box; position: absolute; margin: 85px 0 0 0; z-index: 999999; border-bottom: 2px solid #d41634;
right: 13%; }
.over-right01{border-bottom: 0px solid #d41634; margin: 204px 0 0 0;}
.banner-right h2 { width: 55%; font-size: 44px; color: #013193; line-height: 50px; margin: 0 0 30px 90px; font-weight: 300; box-sizing: border-box;}
.over-right01 h2{width: 100%; font-weight: 700;}
.rico-quote { width: 100%; box-sizing: border-box; float: left; background-color: #013193; padding: 110px 104px; }
.rico-quote p { font-size: 22px; color: #fff; font-weight: 300; line-height: 36px; margin: 0; }
.rico-quote-3 p { font-size: 22px; color: #fff; font-weight: 300; line-height: 36px; margin: 0; }
.rico-quote-3 h4 { font-size: 24px; color: #fff; font-weight: 700; margin: 0 0 10px 0; }
.rico-quote-3 h5 { font-size: 18px; color: #fff; font-weight: 300; margin: 0 0 10px 0;  }


/*breadcrumb*/
.breadcrumb-100 { width: 100%; box-sizing: border-box; float: left; }
.breadcrumb-col { width: 100%; box-sizing: border-box; float: left;}
ul.breadcrumb { padding: 0px; list-style: none; margin-bottom: 10px; }
ul.breadcrumb li { display: inline; font-size: 13px; color: #000; font-weight: 400;}
ul.breadcrumb li+li:before { padding: 8px; color: #13419e; content: '\f105'; font-family: FontAwesome; }
ul.breadcrumb li a { color: #13419e; text-decoration: none;  font-weight: 400;}
ul.breadcrumb li a:hover { color: #d71635; }
/*breadcrumb*/


/*core-value-start*/
.core-value-100 { width: 100%; float: left; box-sizing: border-box; margin: 50px 0 100px 0; }
.core-value-col { width: 100%; float: left; box-sizing: border-box; }
.core-value-col h3 { font-weight: 300; font-size: 18px; color: #010101; margin: 0; }
.core-inner { width: 100%; float: left; box-sizing: border-box; margin: 15px 0 0 0; }
.core-left { width: 9%; position: absolute; background-color: #cc0000; padding: 30px 25px; text-align: center; margin: 44px 0 0 60px;}
.core-left img {width: 100%; max-width: 123px; } 
.core-right { width: 85%; float: right; box-sizing: border-box; background-color: #f3f3f3; padding: 60px 0 88px 140px; border-right: 6px solid #113b77;}
.core-right h2 { color: #113b77; font-size: 30px; font-weight: 400; margin-bottom: 0px; }
.core-right p { font-size: 20px; color: #010101; font-weight: 300; line-height: 36px; width: 89%; margin-top: 4px; }
.core-right ul{padding: 0; margin: 0; padding-left: 14px;width: 96%;}
.core-right ul li{padding-bottom: 10px; line-height: 24px; font-size: 14px;}
.core-right .red-color{color: #cc0333;}
.value-left{width: 9%; position: absolute; /*background-color: #cc0000; padding: 30px 25px;*/ text-align: center; margin: 44px 0 0 60px;}
.value-left img { /*width: 100%; max-width: 123px; */ }



/*award start*/
.award-100 { width: 100%; float: left; box-sizing: border-box; margin: 70px 0; }
.award-col { width: 100%; float: left; box-sizing: border-box; }
.award-inner { width: 31%; float: left; box-sizing: border-box; margin: 40px 40px 0 0; }
.award-03{ margin: 40px 0 0 0; }
.row-margin { margin: 40px 0 0 0; float: left; }

.award-100 .roll-over { position: relative; width: 100%; }
.award-100 .image { display: block; width: 100%; height: auto; }
.award-100 .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;
  background-color: #13419e; }
.award-100 .roll-over:hover .overlay { opacity: .5; }
.award-100 .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%); text-align: center; }
.award-100 .overlay a i { font-size: 42px;}



/*chairman message start*/
.chairman-msg-100 { width: 100%; box-sizing: border-box; float: left; margin: 150px 0; }
.chairman-msg-col { width: 100%; box-sizing: border-box; float: left; }
.chairman-msg-left { width: 20%; float: left; box-sizing: border-box; }
.chairman-msg-left img { border: 1px solid #b8cffe; border-radius: 100%; margin: 62px 0 0 0; }
.chairman-msg-right { width: 74%; float: right; box-sizing: border-box; border-top: 1px solid #cc0000; border-bottom: 1px solid #cc0000;}
.chairman-msg-right img.quote-up { display: block; margin: -58px 0 0 0; float: left;}
.chairman-msg-right img.quote-down { display: block; margin: 0 0 -58px 0; float: right;}
.chairman-msg-right p { color: #333333; font-weight: 300; font-size: 20px; line-height: 30px; width: 90%; padding: 40px 0; }
.ceo-msg { width: 100%; float: left; box-sizing: border-box; }
.ceo-msg h3 { color: #000; font-size: 20px; font-weight: 700; text-align: right; margin: 10px 0; }
.ceo-msg h4 { color: #000; font-size: 20px; font-weight: 300; text-align: right; margin: 0 0 40px 0;}


/*csr start*/
.csr-100 { width: 100%; float: left; box-sizing: border-box; margin: 70px 0 0 0; }
.csr-col { width: 100%; float: left; box-sizing: border-box;  }
.csr-left { width: 25%; float: left; box-sizing: border-box; }
.csr-left p { font-size: 18px; font-weight: 400; color: #13419e; line-height: 28px; }
.csr-right { width: 70%; float: right; box-sizing: border-box; }
.csr-right-inner { width: 50%; float: left; box-sizing: border-box; margin-bottom: 50px; }
.csr-right-inner img { width: 22%; float: left; box-sizing: border-box; }
.csr-right-inner p { width: 72%; float: right; box-sizing: border-box; font-size: 18px; color: #13419e; line-height: 28px;}
.csr-right-inner p.promoting { margin: 0;}

.activities-100 { width: 100%; float: left; box-sizing: border-box; background-color: #f6f9ff; padding: 60px 0; }
.activities-col { width: 100%; float: left; box-sizing: border-box; display: flex;}
.activities-left { width: 44%; float: left; box-sizing: border-box; }
.activities-left p { font-size: 18px; color: #13419e; font-weight: 400; line-height: 28px; width: 80%; margin: 110px 0 0 0;}
.activities-right { width: 56%; float: right; box-sizing: border-box; }
.activities-right img { width: 100%;}

.csr-projects-100 { width: 100%; float: left; box-sizing: border-box; margin: 70px 0 0 0;}
.csr-projects-col { width: 100%; float: left; box-sizing: border-box; }
.csr-projects-col h2 { font-size: 30px; color: #cf1533; font-weight: 400; text-align: center; margin-top: 0; }
.csr-projects-col h3 { font-size: 20px; color: #848484; line-height: 26px; margin: 0; text-align: center; }
.csr-projects-col .owl-carousel { margin: 40px 0 0 0; }
.csr-projects-col p { font-size: 16px; line-height: 28px; color: #000; width: 78%; margin-bottom: 30px; }

.swachh-100 { width: 100%; float: left; box-sizing: border-box; margin: 70px 0 0 0; background-color: #f6f9ff; padding: 50px 0;}
.swachh-col { width: 100%; float: left; box-sizing: border-box; }
.swachh-col h2 { font-size: 20px; color: #010101; font-weight: 700; text-align: center; }
.swachh-left { width: 44%; float: left; box-sizing: border-box; }
.swachh-left img{ width: 100%; float: left; margin: 50px 0 0 0;}
.swachh-right { width: 50%; float: right; box-sizing: border-box; padding: 0 20px 0 0;}
.swachh-right p { font-size: 18px; color: #13419e; font-weight: 400; line-height: 28px; }
.swachh-right ul { list-style: none; padding: 0; margin: 10px 0; }
.swachh-right ul li { font-size: 15px; font-weight: 400; color: #000; line-height: 25px; 
	background: url(../images/right-arrow.svg) top 6px left no-repeat; background-size: 2%; padding: 0 0 5px 19px; }
img.ngo { margin: 20px 0 0 0; }
.right-ngo { margin: 40px 0 0 0; }

.naco-100 { width: 100%; float: left; box-sizing: border-box; margin: 70px 0; }
.naco-col { width: 100%; float: left; box-sizing: border-box; }
.naco-col img { display: block; margin: 0 auto; }
.naco-col p { font-size: 22px; font-weight: 300; color: #13419e; line-height: 35px; }


/*quality Profile start*/
.quality-100 { width: 100%; float: left; box-sizing: border-box; margin: 30px 0; }
.quality-col { width: 100%; float: left; box-sizing: border-box; display: flex;  }
.quality-left { width: 50%; float: left; box-sizing: border-box; padding: 52px 0 0 0; }
.quality-ul{width: 100%; float: left; font-size: 18px; line-height: 30px; box-sizing: border-box; color: #13419e; padding: 0px;
 margin-top: 0px;width: 100%; margin-bottom: 0px;}
.quality-ul li{background: url(../images/right-arrow.svg) top 9px left no-repeat;background-size: 1%;line-height: 27px;list-style: none;padding: 0 0 11px 23px;}
.quality-left p { font-size: 18px; color: #13419e; line-height: 30px; font-weight: 400; width: 86%; }
.quality-right { width: 50%; float: right; box-sizing: border-box; background: url(../images/certification-bg-dots.png) top center repeat;
padding: 20px 0; text-align: center;}
.quality-right img { width: 45%; }

.plant-blue-100 { width: 100%; float: left; box-sizing: border-box; background: url(../images/pattern-20.png) top center no-repeat #013193;   padding: 50px 0;}
.plant-white-100 { width: 100%; float: left; box-sizing: border-box; background: url(../images/pattern-20.png) top center no-repeat #fff; 	 padding: 50px 0;}

.plant-white-100 h2 { color: #13419e; font-size: 30px; font-weight: 400; margin-top: 0px; text-align: center;} 
.plant-col { width: 100%; float: left; box-sizing: border-box; padding: 30px 0;}
.plant-left { width: 48%; float: left; box-sizing: border-box; }
.plant-left img { width: 100%; }
.plant-right { width: 48%; float: right; box-sizing: border-box; }
.plant-right img { width: 100%; }
.plant-blue-100 h2 { color: #fff; font-size: 30px; font-weight: 400; margin-top: 0px; text-align: center;} 
.plant-col h3 { color: #ffffff; font-size: 18px; font-weight: 700; }
.view { padding: 10px 25px; color: #fff; background-color: #cc0000; font-size: 18px; font-weight: 400; text-transform: uppercase; 
	border: 2px solid #cc0000; transition: 0.5s ease-in; cursor: pointer; display: block; margin: 0px auto;}
.view:hover { color: #cc0000; background-color: #fff;  }


/*Journey Start*/
.journey-100 { width: 100%; float: left; box-sizing: border-box; background: url(../images/pattern-20.png) top center no-repeat #013193; padding: 50px 0; }
.journey-col { width: 100%; float: left; box-sizing: border-box; }

/*our Journey Accordian*/
.accordion { width: 100%; float: left; box-sizing: border-box; list-style-type: none; padding: 0;}
.accordion .link { cursor: pointer;	display: block;	padding: 15px 15px 15px 70px; color: #fff; font-size: 24px; font-weight: 400;
	position: relative;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li:last-child .link { border-bottom: 0; }
.accordion li i { position: absolute; top: 13px; left: -19px; font-size: 40px; color: #fff; -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li.bg {border: 1px solid #a4c2ff; background: url(../images/chevron-down.png) top 14px left 17px no-repeat; background-size: 3%; margin-bottom: 20px;}
.accordion li.open .link { color: #13419e; }
.accordion li.open { background: url(../images/chevron-up.png) top 16px left 17px no-repeat #fff; background-size: 3% ; overflow: auto; }
.accordion li.open i { color: #d9e5fd; }
.accordion li.open i.fa-chevron-circle-down {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.journey-start { display: none; background: #fff; font-size: 14px; padding: 0 50px 50px 70px; float: left; box-sizing: border-box;}
.journey-start p { font-size: 18px; color: #686868; font-weight: 300; }
.journey-start a { display: block; text-decoration: none; color: #d9d9d9; padding: 12px; padding-left: 42px;-webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.journey-start a:hover { background: #b63b4d; color: #FFF; }
.journey-inner { width: 50%; float: left; box-sizing: border-box; }
.journey-inner img { width: 25%; float: left; box-sizing: border-box; margin: 0 24px 0 0; }
.journey-detail { width: 67%; float: right; box-sizing: border-box; font-size: 18px; color: #686868; font-weight: 300; margin: 20px 15px 0 0;
line-height: 29px;}


/*HR Initaitive start*/
.hr-white-100 { width: 100%; float: left; box-sizing: border-box; background: #fff /*url(../images/vector-bg.png) top center no-repeat*/; background-size: cover; padding: 50px 0; }



/*Contact Start*/
.contact-100 { width: 100%; float: left; box-sizing: border-box; margin: 70px 0; }
.contact-col { width: 100%; float: left; box-sizing: border-box; }
.contact-100 p { font-size: 20px color:#000; font-weight: 400; line-height: 28px; width: 34%; text-align: center; margin: 0 auto; }
.myform { width: 100%; }
.myform legend { font-size: 48px; color: #151515; font-weight: 600; width: 100%; text-align: center; }
.myform p { font-size: 16px; color: #666666; font-weight: 300; text-align: center; box-sizing: border-box; }
.myform .form-group { margin-top: 20px; width: 100%; float: left; box-sizing: border-box; }
.myform input { padding: 20px; background-color: #f5f5f5; box-sizing: border-box; color: #000; font-size: 14px; width: 49%; float: left; border:none;}
.input-50 { margin-right: 23px;  }
.myform textarea {  padding: 20px; background-color: #f5f5f5; box-sizing: border-box; color: #000; font-size: 14px; width: 100%; float: left; 
	border:none; font-family: 'Oxygen', sans-serif!important; }
.myform .btn-col { text-align: center; margin: 40px 0 0 0; }
.myform .btn { background-color: #575455; padding: 20px 60px; color: #fff; box-sizing: border-box; border: none;
 cursor: pointer; font-size: 14px; font-weight: 600; }
 .myform .btn:hover{  background-color: #cc0000;}
.myform select { width: 49%; padding: 20px; border: none; font-size: 14px; background: url(../images/down-arrow.svg) right 22px top 20px no-repeat; -moz-appearance: none; -webkit-appearance: none; background-size: 3%; transition: ease-in 0.6s; color: #6c696a; box-sizing: border-box; background-color: #f5f5f5; cursor: pointer; }
.myform input.file { background-color: #fff; padding-left: 0px; }
.file-btn { float: right; }




footer { width: 100%; float: left; box-sizing: border-box; background-color: #010a2b; padding: 100px 0 0 0; }
.footer-col { width: 20%; float: left; box-sizing: border-box; padding-left: 10px; }
.foot-header { font-size: 22px; color: #fff; font-weight:700; padding: 0px 0px 10px 0;}
.foot-header a { color: #fff; text-decoration: none; }
.foot-header a:hover { color: #fff!important; text-decoration: none; transition: 0.5s ease-in;  } 
.foot-links a { font-size: 18px; color: #fff; display: block; padding: 6px 0; transition: 0.5s ease-in; font-weight: 300; text-decoration: none;}
.foot-links a:hover { color: #ed1c24; text-decoration: none; }

.foot-sublinks a {font-size: 15px; color: #a4b2e7; display: block; padding: 4px 0; padding: 4px 0px 4px 0px; transition: 0.5s ease-in; font-weight: 400; text-decoration: none;}
.foot-sublinks a:hover { text-decoration: none; color: #d71635; font-weight: 400;}

.twitter-detail { width: 100%; box-sizing: border-box;}
.twitter-detail img { width: 7%; float: left; margin: 7px 0px 0px 0px;}
.twitter-detail p { font-size: 16px!important; color: #fff; float: right!important; width: 87%!important; margin: 0!important;
 font-weight: 300!important;}
.social-icons { float: left; width: 100%; margin: 20px 0 60px;}
.social-icons img { float: left; width: 12%; margin: 0px 5px; }

.copyright { width: 100%; float: left; box-sizing: border-box; border-top: 1px solid #343b55; margin: 40px 0 0 0;}
.copy-left { width: 50%; float: left; box-sizing: border-box; }
.copy-right { width: 50%; float: left; box-sizing: border-box; }
.copyright p { font-size: 14px!important; font-weight: 300!important; color: #a4b2e7!important; width: 50%!important; float: left;  }
.copyright a { color: #a4b2e7; font-size: 14px; line-height: 20px; }
.copy-right p { float: right; text-align: right; }
.margin-btm { margin: 0 0 30px 0; }





/*certification lightbox*/
.lightbox-target { position: fixed; top: -100%; width: 100%; background: rgba(0,0,0,.7); width: 100%; opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; 
	transition: opacity .5s ease-in-out; overflow: hidden; z-index: 999; }
.lightbox-target img { margin: auto; position: absolute; top: 0; left:0; right:0; bottom: 0; max-height: 0%; max-width: 0%; 
	border: 3px solid white; box-shadow: 0px 0px 8px rgba(0,0,0,.3); box-sizing: border-box; -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
a.lightbox-close { display: block; width:50px; height:50px; box-sizing: border-box; background: white; color: black; text-decoration: none;
position: absolute; top: -80px; right: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;
transition: .5s ease-in-out;}
a.lightbox-close:before { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top:10px;
-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
a.lightbox-close:after { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top:10px;
-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.lightbox-target:target { opacity: 1; top: 0; bottom: 0; }
.lightbox-target:target img { max-height: 100%; max-width: 100%; }
.lightbox-target:target a.lightbox-close { top: 0px; }
/*certification lightbox*/




/* Ajay CSS */
.rico-quote-2 { width: 100%; box-sizing: border-box; float: left; background-color: #013193; padding: 130px 93px; }
.rico-quote-2 p { font-size: 22px; color: #fff; font-weight: 300; line-height: 36px; margin: 0; }

.rico-quote-3 { width: 100%; box-sizing: border-box; float: left; background-color: #013193; padding: 120px 79px; }
.rico-quote-3 p { font-size: 22px; color: #fff; font-weight: 300; line-height: 36px; margin: 0; }

.rico-quote-4 { width: 100%; box-sizing: border-box; float: left; background-color: #013193; padding: 88px 79px; }
.rico-quote-4 p { font-size: 22px; color: #fff; font-weight: 300; line-height: 36px; margin: 0; }

.rico-quote-5 { width: 100%; box-sizing: border-box; float: left; background-color: #013193; padding: 65px 79px; }
.rico-quote-5 p { font-size: 22px; color: #fff; font-weight: 300; line-height: 36px; margin: 0; }

.prod-template-100{ width: 100%; float: left; box-sizing: border-box; }
.prod-template{ width: 100%; float: left; box-sizing: border-box;}

hgroup h2{ width: 100%; float: left; text-align: center; font-size: 30px; font-weight: 300; color: #d72440; line-height: 30px; display: block; }
hgroup img{ max-height: 70px; }

.prod-name{ border-left: 2px #d41634 solid; text-align: left; margin: 20px 0px 0px 30px; padding-left: 20px; color: #13419e; font-size: 18px; font-weight: 700; line-height: 20px; }
.prod-template-col { width: 33%; float: left; box-sizing: border-box; text-align: center; padding: 0px 0px 50px 0px;  /*border-bottom: 1px #d41634 solid;*/ }
.prod-template-col img{ width: 100%; max-width: 330px;   }
 .show-more{ font-family: 'Oxygen', sans-serif; font-size: 15px; float: right; margin-right: 14px;  font-weight: 700; text-transform: uppercase; display: inline-block; background: #d71635; 
 border: 0px; padding: 15px 20px; cursor: pointer; color: #fff; transition: ease-in-out 0.3s;  }
 .show-more:hover{  background: #010a2b; }


.manuf-template-100{ width: 100%; float: left; box-sizing: border-box; background: url(../images/manu-bg.png) bottom center no-repeat;  }
.manuf-left-col{ width: 100%; float: left; font-size: 18px; line-height: 30px; box-sizing: border-box; color: #13419e; margin: 30px 0px 0px 0px; }
.manu-left-ul{width: 100%; float: left; font-size: 18px; line-height: 30px; box-sizing: border-box; color: #13419e; padding: 0px;
 margin-top: 0px;margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%;}
.manu-left-ul li{background: url(../images/right-arrow.svg) top 9px left no-repeat;background-size: 1%;line-height: 27px;list-style: none;padding: 0 0 11px 23px;}
.manuf-right-col { width: 55%; float: right;  padding: 0px; margin: 0px; }
.manuf-right-col img{  width: 100%; }


.manu-template-col { width: 50%; box-sizing: border-box; margin: 0px 0px 25px 0px; filter: grayscale(1); }
.manu-left { float: left; text-align: left;} 
.manu-right { float: left; text-align: left;}
 

.manu-template-col:hover { filter: grayscale(0); }
.manu-template-col img{ width: 98%; }
.mac-name{ text-align: left; margin: 10px 0px 0px 10px; padding-left: 00px; color: #000; font-size: 20px; font-weight: 400; line-height: 20px; }
 

.roll-over { position: relative; width: 50%; }
.image { display: block; width: 100%; height: auto; }
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; }
.roll-over:hover .overlay { opacity: 1; }
.text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.plus-icon{ color: #fff; font-size: 30px!important; font-weight: bold; background: rgba( 215,22,53,0.9 ); padding: 20px; border-radius: 50%; }



.prod-template-100 .roll-over { position: relative; width: 33%; }
.prod-template-100 .image { display: block; width: 100%; height: auto; }
.prod-template-100 .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; }
.prod-template-100 .roll-over:hover .overlay { opacity: 1; }
.prod-template-100 .text { color: white; font-size: 20px; position: absolute; top: 40%; left: 49%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.prod-template-100 .plus-icon{ color: #fff; font-size: 30px!important; font-weight: bold; background: rgba( 215,22,53,0.9 ); padding: 20px; border-radius: 50%; }




.joint-template-100{ width: 100%; float: left; box-sizing: border-box; background-color: #f6f9ff; padding: 70px 0px; border-top: 2px #fff solid; }
.joint-template-left-col{ font-size: 18px; line-height: 32px; color: #13419e; box-sizing: border-box; width: 30%; float: left;}


 

.building{ width: 53%;  background: #fff; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 190px;}
.building img{ width: 100%;}
.building-name{  padding: 10px 20px; display: inline-block; font-size: 16px; line-height: 24px; color: #010101; font-weight: 400;}
.building-name-01{  font-size: 20px; line-height: 38px; color: #d41634; font-weight: 700; margin: 25px 0px 15px 0px; }


.joint-template-inner-left-col{ width: 52%; float: left; color: #13419e; font-size: 18px; line-height: 34px; }
.joint-template-inner-left-col img{ width: 100%; max-width: 527px; margin-top: 30px; }

.joint-template-inner-100{ width: 100%; float: left; box-sizing: border-box; background-color: #f6f9ff; padding: 0px 0px 50px 0px; border-top: 2px #fff solid; margin:100px 0px 0px 0px;  }
.joint-template-inner-right-col { width: 40%; float: right; }
.joint-template-inner-right-col img{ width: 100%; max-width: 436px; }


.subd{ width: 100%; float: left; color: #13419e; font-size: 18px; line-height: 34px; }
.subd h2{ width: 100%; float: left; text-align: center; font-size: 30px; font-weight: 300; color: #d72440; margin: 50px 0px;}
.subd-icon{ width: 33%; text-align: center; float: left; box-sizing: border-box; margin: 30px 0px 0px 0px; }
.subd-icon img{  width: 100%; max-width: 100px; }
.subd-icon-name{ font-size: 18px; line-height: 26px; margin: 20px 0px 0px 0px; font-weight: 400; }
.shareholding-col-100{ width: 100%; float: left; background: url(../images/pattern-20.png) top center no-repeat #013193; padding: 0px 0px 100px 0px; }
.shareholding-col-100 h2{ width: 100%; float: left; font-size: 30px; font-weight: 300; color: #fff; margin: 50px 0px;}

/* accodion financial css start */
.accordion_container1 {
  width: 100%;
}
.accordion_head1 { 
    font-family: 'Oxygen', sans-serif;
    color: #fff;
    cursor: pointer;     
    font-size: 22px;
    margin: 0px 0px 1px 0px;
    padding: 12px 11px;
  font-weight: 600; border-top: #3160bf 1px solid;
}
.accordion_body1 {  background: none; padding:30px 0px 30px 0px; overflow-x: hidden; }
.plusminus1{  float:right; font-size: 30px; margin-top: -10px; text-align: center;} 
/* accodion financialcss end*/
.quarterly-results-col{ width: 100%; float: left;}
.quarterly-results-left { width: 31%; float: left;  margin: 0px 11px 35px 11px;; box-sizing: border-box; background-color:none; padding: 31px 20px 31px 65px;; /*border: #fff 1px solid*/; 
	transition: .3s ease-in; color: #fff; overflow: auto; text-align: center;} 
.quarterly-results-left img{ width: 100%; float: left; max-width: 66px; opacity: 0.7; }
.quarterly-results-left:hover{ background-color: #e2231a; /*border: #e2231a 1px solid;*/ transition: .3s ease-in;  color: #fff;}
.quarterly-results-right { width: 48%; float: right; margin-bottom: 47px; box-sizing: border-box; background-color:none; padding: 50px 30px 50px 60px; border: #aba78c 1px solid; 
	transition: .3s ease-in; color: #aba78c; overflow: auto;} 
	.quarterly-results-right:hover{ background-color: #e2231a; border: #e2231a 1px solid; transition: .3s ease-in;  color: #fff;}
.pdf-icon{ font-size: 100px; font-weight: 300; float: left;}
.indep-col{padding: 31px 3px 31px 20px !important;}
.relations-left{width: 23%; float: left;  margin: 0px 11px 35px 11px;; box-sizing: border-box; background-color:none; padding: 31px 10px 31px 15px; /*border: #fff 1px solid*/; 
	transition: .3s ease-in; color: #fff; overflow: auto; text-align: center;}
.relations-left img {width: 100%;max-width: 40px !important;opacity: 0.7;}	
.quarter-text {font-size: 18px; line-height: 27px; margin-left: 54px; text-align: left;  font-weight: 300; margin-top: 0px; }



.bod-col-100{ width: 100%; float: left; background-color: #fff; padding: 0px 0px 100px 0px; }
.bod-col-100 h2{ width: 100%; float: left; text-align: center; font-size: 30px; font-weight: 300; color: #d71635; margin: 50px 0px 30px; }


.arvind-block{ width: 100%; max-width: 291px; margin: 0px auto 30px; color: #000; font-size: 18px; font-weight: 100; line-height: 25px; text-align: center; }
.arvind-block img{ width: 100%; margin: 0px 0px 20px 0px;}
.des{ font-size: 24px; font-weight: 700; line-height: 25px;}

.grid-01{ width: 100%; text-align: center; margin: 10px 0px; }
.grid-02{ width: 100%; text-align: center; margin: 40px 0px 10px; }

.director-col-main{ width: 100%; max-width: 1050px; margin: 0px auto; box-sizing: border-box; }
.director-col{ width: 20%;  color: #000; font-size: 14px; font-weight: 100; line-height: 23px; text-align: center; float: left; box-sizing: border-box; padding: 0px 20px; margin: 0px 0px 30px 0px;  }
.director-col img{ width: 100%; max-width: 156px; margin: 0px 0px 5px 0px;  }
.des-01{ font-size: 15px; font-weight: 700; line-height: 23px; display: block; }

.director-col-main-01{ width: 100%; max-width: 860px; margin: 0px auto; box-sizing: border-box; }
.director-col-01{ width: 25%;  color: #000; font-size: 16px; font-weight: 100; line-height: 23px; text-align: center; float: left; box-sizing: border-box; padding: 0px 20px; margin: 0px 0px 30px 0px;  }
.director-col-01 img{ width: 100%; max-width: 156px; margin: 0px 0px 5px 0px;  }
 

 .bod-col-grey-100{ width: 100%; float: left; background-color: #edf1f8; padding: 0px 0px 100px 0px; }
 .bod-col-grey-100 h2{ width: 100%; float: left; text-align: center; font-size: 30px; font-weight: 300; color: #d71635; margin: 50px 0px 30px 0px; }

.director-col-main-02{ width: 100%; max-width: 156px; margin: 0px auto; color: #000; font-size: 18px; font-weight: 100; line-height: 25px; text-align: center; }
.director-col-main-02 img{ width: 100%; margin: 0px 0px 5px 0px;}


.vision-col-100{ width: 100%; float: left; box-sizing: border-box; margin: 30px 0px; } 
.vision-col-100 p{ font-size: 18px; line-height: 28px; color: #13419e; } 
.vision-col-100 img{ width: 100%; float: left; margin: 50px 0px; }

.vision-black-bg{ width: 100%; box-sizing: border-box; padding: 80px 0px; background: url(../images/vision-bg-black.jpg) top center no-repeat; background-size: cover; text-align: center;  }
.vision-black-bg p{ font-size: 25px; font-weight: 300; color: #fff; line-height: 40px; width: 100%; margin: 0px auto; }
.vision-black-bg span{ font-size: 30px; font-weight: 700; }

.vision-col-inner{ width: 100%; float: left; box-sizing: border-box; margin: 50px 0px 0px 0px;}
.vision-col-inner img { width: 100%; max-width: 540px; float: left; }
.vision-col-inner p{ width: 50%; float: left; box-sizing: border-box; font-size: 18px; line-height: 36px; color: #000; padding: 96px 0px 0px 44px; }

.map-100{ width: 100%; float: left; background: #f9fafc; padding: 80px 0px; margin-top: 50px; text-align: center; }
.map-100 img{ width: 100%; max-width: 976px;  }
.map-100 p {  width: 50%; font-size: 18px; line-height: 28px; color: #000; margin: 30px auto 0px; }


.overview-col-100{ width: 100%; float: left; box-sizing: border-box; margin: 30px 0px; } 
.overview-col-100 p{ font-size: 18px; line-height: 28px; color: #13419e; width: 40%; float: left; box-sizing: border-box; padding: 50px 60px 0px 0px; } 
.overview-col-100 ul{float: left; box-sizing: border-box; width: 50%;}
.overview-col-100 ul li{font-size: 19px; background: url(../images/right-arrow.svg) top 10px left no-repeat; background-size: 2%;padding: 0 0 10px 19px; line-height: 30px;}
.overview-col-100 img{ width: 50%; float: right; margin: 0px 0px; }
.overview-black-bg{ width: 100%; box-sizing: border-box; padding: 70px 0px; background: url(../images/overview-black-bg.png) top center no-repeat; background-size: cover; text-align: center; overflow: auto;}
.overview-black-bg p{ font-size: 25px; font-weight: 300; color: #fff; line-height: 40px; width: 90%; margin: 0px auto; margin-bottom: 30px; }
.overview-black-bg span{ font-size: 30px; font-weight: 700; }
.overview-black-own{width: 100%;}
.overview-icon{width: 25%; float: left; text-align: center;}
.overview-icon img{width: 25%;margin-bottom: 13px;}
.overview-icon p{font-size: 18px !important; line-height: 23px;}
.overview-col-inner{ width: 100%; float: left; box-sizing: border-box; margin: 50px 0px 0px 0px }
.overview-col-inner img { width: 100%; max-width: 540px; float: left; }
.overview-col-inner p{ width: 50%; float: left; box-sizing: border-box; font-size: 18px; line-height: 36px; color: #000; padding: 30px 0px 0px 44px; }
.overview-col-inner ul{padding: 0px 0px 0px 44px;  float: right;width: 49%;}
.overview-col-inner ul li{font-size: 17px; background: url(../images/right-arrow.svg) top 10px left no-repeat; background-size: 2%;  line-height: 27px;}
.overview-blue-bg{ width: 100%; box-sizing: border-box; padding: 80px 0px; background: url(../images/overview-bg-blue.jpg) top center no-repeat; background-size: cover; text-align: center; margin-top: 50px;}
.overview-blue-bg p{ font-size: 25px; font-weight: 300; color: #fff; line-height: 40px; width: 90%; margin: 0px auto; margin-bottom: 30px; }
.overview-blue-bg span{ font-size: 30px; font-weight: 700; }
.overview-blue-bg ul{list-style: none; margin:0 29%; padding: 0px; }
.overview-blue-bg ul li{color: #fff; padding-bottom: 10px; border-bottom: 1px solid#6a87f2; margin-bottom: 10px; position: relative; line-height: 28px;}
.overview-col-inner .relia-text li{background:none; padding: 0px;}
/*.overview-col-inner .relia-text li span{color: #f80b35; font-weight: 700;}*/
.overview-col-inner .relia-text li{width: 290px; background: #f0f0f0;background: #f0f0f0;margin-bottom: 1px;padding: 4px 4px;}
.overview-col-inner .relia-text li h3{margin: 0px; margin-right: 0px;float: left;color: #fff;margin-right: 10px;background: #013193;
height: 29px;width: 29px;text-align: center;font-size: 21px; }

.country{ font-size: 30px; font-weight: 700; color: #13419e; }
.contact-location { width: 33%; float: left; box-sizing: border-box; margin: 50px 0px 50px 0px; padding: 0px 15px 0px 0px; }
.contact-location img { width: 100%; float: left; margin: 20px 0px; }
.registered{ padding: 0px;  font-size: 16px; font-weight:700!important; margin:0px 0px 0px 0px; display: block; width: 90%!important; color: #13419e; margin-bottom: 20px; }
.contact-location p { padding: 0px;  font-size: 16px; font-weight: 300; margin:0px 0px 0px 0px; display: block; width: 85%; margin-bottom: 20px; }
.locations-icons {font-size: 22px!important; color: #d41634; padding-right: 15px; float: left; }

.customer-bg{ width: 100%; float: left; }
.customer-bg img{ width: 100%; float: left;}
.customer-bg-white { width: 100%; float: left; box-sizing: border-box; background: #fff; margin: -50px 0px 0px 0px; padding: 30px; box-shadow: 0 0px 20px 0px rgba( 0,0,0,0.2); }
.customer-bg-white img{ width: 33%; margin: 0px 0px 0px -1px; float: left; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; border-right: 1px dashed #ccc; border-left: 1px dashed #ccc; }
.border-top-none{ border-top: none!important; }
.border-bottom-none{ border-bottom: none!important; }
.border-left-none{ border-left: none!important; }
.border-right-none{ border-right: none!important; }



.map-col-100{ width: 100%; float: left; box-sizing: border-box; padding: 100px 0px; background: url(../images/pattern-20.png) top center no-repeat rgba( 19,65,158, 1 );}
.map-col-100 p{ width: 100%; float: left; text-align: right; font-weight: 700; font-size: 15px; color: #fff;}
.map-col-inner{ width: 100%; max-width: 705px; height: 780px; margin: 0px auto; background: url(../images/map-white.png) top center no-repeat; overflow-x: hidden;}
.location-01{ width: 100%; float: left; margin: 196px 0px 0px 263px; box-sizing: border-box; } 
.location-01 ul { list-style: none; padding: 0px; margin: 0px; }
.location-01 ul li { width: 19px; height: 19px; background: #de0000; border-radius: 50%; cursor: pointer; float: left; margin-left: 6px; }
.location-01 ul li:hover{ background: #000;}
.location-02{ width: 100%; float: left; margin:6px 0px 0px 245px; box-sizing: border-box; } 
.location-02 ul { list-style: none; padding: 0px; margin: 0px; }
.location-02 ul li { width: 19px; height: 19px; background: #de0000; border-radius: 50%; cursor: pointer; float: left; margin-right: 80px; }
.location-02 ul li:hover{ background: #000;}
.location-03{ width: 100%; float: left; margin:5px 0px 0px 220px; box-sizing: border-box; } 
.location-03 ul { list-style: none; padding: 0px; margin: 0px; }
.location-03 ul li { width: 19px; height: 19px; background: #de0000; border-radius: 50%; cursor: pointer; float: left; margin-right: 6px; }
.location-03 ul li:hover{ background: #000;}
.location-04{ width: 100%; float: left; box-sizing: border-box; margin: 6px 0px 0px 195px;}
.location-04 ul { list-style: none; padding: 0px; margin: 0px; }
.location-04 ul li { width: 19px; height: 19px; background: #de0000; border-radius: 50%; cursor: pointer; float: left; margin-right: 6px; }
.location-04 ul li:hover{ background: #000;}
.location-05{ width: 100%; float: left; box-sizing: border-box; margin: 6px 0px 0px 171px; }
.location-05 ul { list-style: none; padding: 0px; margin: 0px; }
.location-05 ul li { width: 19px; height: 19px; background: #de0000; border-radius: 50%; cursor: pointer; float: left;  }
.location-05 ul li:hover{background: #000;}
.location-06{ width: 100%; float: left; box-sizing: border-box; margin: 79px 0px 0px 73px; }
.location-06 ul { list-style: none; padding: 0px; margin: 0px; }
.location-06 ul li { width: 19px; height: 19px; background: #de0000; border-radius: 50%; cursor: pointer; float: left;  }
.location-06 ul li:hover{background: #000;}
.location-07{ width: 100%; float: left; box-sizing: border-box; margin: 251px 0px 0px 270px; }
.location-07 ul { list-style: none; padding: 0px; margin: 0px; }
.location-07 ul li { width: 19px; height: 19px; background: #de0000; border-radius: 50%; cursor: pointer; float: left;  }
.location-07 ul li:hover{background: #000;} 
.spain-box{ display:none;}
.spain-new:hover  .spain-box {   display:block; position:absolute;  margin: -150px 0px 0px 0px; z-index:9; overflow-x: hidden;}
.mobile-location{ display: none; }


.director-col-main-03{ width: 100%; max-width: 780px; margin: 0px auto; box-sizing: border-box; }
.director-col-03{ width: 25%;  color: #000; font-size: 16px; font-weight: 100; line-height: 23px; text-align: center; float: left; box-sizing: border-box; padding: 0px 20px;  }
.director-col-03 img{ width: 100%; max-width: 156px; margin: 0px 0px 5px 0px;  }


.director-col-main-04{ width: 100%; max-width: 410px; margin: 0px auto; box-sizing: border-box; }
.director-col-04{ width: 50%;  color: #000; font-size: 16px; font-weight: 100; line-height: 23px; text-align: center; float: left; box-sizing: border-box; padding: 0px 20px;  }
.director-col-04 img{ width: 100%; max-width: 156px; margin: 0px 0px 5px 0px;  }

.location-desktop{ width: 100%; float: left; background: #de0000; max-width: 300px;}

.location-desktop img { width: 100%; }

.location-desktop p{ width: 90%; color: #fff; font-size: 18px; line-height: 26px; text-align: left;  box-sizing: border-box; padding: 0px 20px 10px 20px; }
.location-desktop a { color: #de0000; background: #fff; padding: 10px 15px;   }
.main-investor h2{margin: 50px 0px 30px;}
.main-investor p{font-size: 20px; font-weight: 700; color: #fff; line-height: 40px; margin-bottom: 30px; color: #49c1d2;}
.investor-contact-col{ width: 100%; float: left; box-sizing: border-box; }
.investor-contact-col p { width: 100%; padding: 0px 0px; float: left; color: #fff; font-weight: 100; font-size: 16px; line-height: 23px; margin:0px 0px 10px 0px; box-sizing: border-box; }
.investor-name{ font-size: 18px!important; font-weight: 700!important; }
.investor-width{width: 100%; float: left; box-sizing: border-box; padding-right: 15px;}
.investor-width p:first-child{font-size: 20px; font-weight: 700; color: #fff; line-height: 30px; margin-bottom: 30px;
 color: #49c1d2;padding-right: 58px;margin-top: 25px;}
/*.investor-width .investor-p1{margin-bottom: 91px !important;}*/
.investor-contact-col p  a{ color: #a4b2e7; text-decoration: underline;}
.investor-contact-col p  a:hover{ color: #ed1c24; text-decoration: none;}




.press-media-100{ width: 100%; float: left; box-sizing: border-box; margin: 20px 0px;}
.press-media-inner { width: 50%; box-sizing: border-box; margin: 0px 0px 25px 0px; filter: grayscale(1); padding: 10px 15px; float: left;  }
.press-media-inner:hover { filter: grayscale(0); }
.press-text{ font-size: 18px; line-height: 22px; color: #1c4498; margin: 10px 0px 0px 0px;}
.press-media-inner img{ width: 100%;  }

.terms-link-col{ width: 100%; font-size: 16px; color: #fff; text-align: right; }
.terms-link-col a { color: #fff; }
.terms-link-col a:hover{ color: #a4b2e7; }

.thanks{ font-size: 40px; line-height: 40px; color: #013193; text-align: center;}
.thanks-text{ font-size: 25px; line-height: 35px!important; color: #000; text-align: center; font-weight: 300!important; }



.tool-pnt { width: 50%; float: left; box-sizing: border-box; }
.tool-pnt ul {list-style: none; margin: 0px; padding: 0px; font-family: 'Oxygen', sans-serif!important;}
.tool-pnt ul li{ width: 98%; background: #f2f2f2; line-height: 20px; font-size: 18px; font-weight: 300; margin-bottom: 20px; padding: 15px 10px; box-sizing: border-box; border-left: 2px solid #d41634;}

.tpm-col{ width: 100%; float: left; box-sizing: border-box; }
.tpm-col p{ width: 100%; float: left; font-size: 18px; line-height: 30px; box-sizing: border-box; color: #13419e; }

.tpm-col img  { width: 33.3%; float: left; padding: 0px 10px 0px 0px; box-sizing: border-box;}

.tpm-col-blue-100 { width: 100%; float: left; box-sizing: border-box; background: #f6f9ff; padding: 30px 0px; margin: 30px 0px;  }
.tpm-col-blue-100 img  { width: 50%; float: left; padding: 0px 10px 21px 0px; box-sizing: border-box;}
.tpm-col-blue-100 p{ width: 45%; float: right; font-size: 18px; line-height: 30px; box-sizing: border-box; color: #13419e; padding: 0px; margin: 20px 0px 0px 0px; }


.tpm-col-blue-100-1 { width: 100%; float: left; box-sizing: border-box; background: #f6f9ff; padding: 30px 0px; margin: 30px 0px;  }
.tpm-col-blue-100-1 img  { width: 50%; float: left; padding: 0px 10px 21px 0px; box-sizing: border-box; margin: 30px 0px 0px 0px;}
.tpm-col-blue-100-1 p{ width: 45%; float: right; font-size: 18px; line-height: 30px; box-sizing: border-box; color: #13419e; padding: 0px; margin: 20px 0px 0px 0px; }


.tpm-col-1{ width: 100%; float: left; box-sizing: border-box; margin: 30px 0px 0px 0px; }
.tpm-col-1 p{ width: 100%; float: left; font-size: 18px; line-height: 30px; box-sizing: border-box; color: #13419e; padding: 0px; margin: 0px 0px 20px 0px; }


.tpm-col-1-pic { width: 100%;  }
.tpm-col-1-pic img{ width: 33.3%; float: left; max-width: 312px; margin: 0px 20px 0px 0px; }
.tpm-col-2 img  { width: 50%; float: left; padding: 0px 10px 0px 0px; box-sizing: border-box; margin: 20px 0px;}
.our-vision{background: #e3e3e3; width: 100%;float: left;box-sizing: border-box; padding: 20px 30px 70px;}
.our-vision-p{width: 100%; float: left;}
.our-vision-p p{text-align: center; font-size: 18px; line-height: 28px; color: #1d1a1a}
.world-class{width: 50%; text-align: center; float: left; border-bottom: 1px solid#d7d7d7; }
.world-class-right{width: 49%; text-align: center; float: left; border-bottom: 1px solid#d7d7d7; }
.border-left-w{border-left: 1px solid#d7d7d7;}
.world-class-right p{font-size: 15px; line-height: 28px; padding: 0 35px; color: #777777}
.world-class p{font-size: 15px; line-height: 28px; padding: 0 35px; color: #777777}
.vision-color-blue{color: #002b82 !important; padding: 0px 32px 35px !important; line-height: 30px !important;}
.vision-color-red{color: #c3001f !important; padding: 0px 32px 34px !important; line-height: 30px !important;}
.global-text01{padding-bottom: 95px !important;}
.last-border{border-bottom: 0px solid#d7d7d7;}
.cultureP p{color: #13419e;font-size: 18px;line-height: 34px;margin-top: 0;margin-bottom: 10px;}