/*HOMEPAGE*/
#fullpage {
    overflow-x: hidden;
}

.fp-controlArrow { display: none !important; }

/*#factsheet_01 { background-image: url('../images/about/factsheet/black-bg.jpg'); background-size: cover; background-attachment: fixed; }*/
/*#factsheet_02 { background-image: url('../images/about/factsheet/grey-bg.jpg'); background-size: cover; background-attachment: fixed; }*/

.grey_bg { background-color: #f2f2f2 !important; }

#landing { min-height:100vh; }
.slide_item { height: 100vh; }
.banner_caption {
	position: absolute;
	left: 15%;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	margin-top: 50px;
	z-index: 9;
}
.banner_caption h2 { font-size: 110px !important; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 130px !important; text-shadow: 0px 0px 60px rgba(0,0,0,0.7); padding-bottom: 0px !important; /*padding-bottom: 30px !important;*/ }
.banner_caption h2.no_shadow { text-shadow: none !important; }
.market_leadership { position: absolute;top: -20px;right: 0;z-index: 99 }
#fact_banner { background: url(../images/about/know-us/fact_banner.jpg) no-repeat center; background-size: cover; height: 100vh; }
.num h1{font-size: 110px !important; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 130px !important;}
.num h1 span{ display: inline-block; max-width: 58px; text-align: left !important; font-size: 20px !important; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 24px !important; margin-left: 10px;}
.num p{font-size: 26px !important; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 24px !important;}
#fact_num{height: 100vh; display: flex; justify-content: space-around; align-items: center; /*background-color: #f2f2f2;*/}
.h70{margin-top: 70px;}
.h100{padding-bottom: 100px;}
.years123 h1{font-size: 150px !important; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 110px !important;}
.years123 h1 span{font-size: 25px !important; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 18px !important; margin-left: 10px;}
.txc{text-align: center;}
.years{display: flex; justify-content: center; align-items: center;}
.Explore_center{position: absolute; left: 22%; text-align: center; padding: 30px 0px;}
.Explore_center p{font-size: 16px !important; margin-bottom: 30px;line-height: 22px}
#godrej_years{height: 100vh; display: flex; justify-content: space-around; align-items: center; padding-top: 60px;}
.year_1 img{position: absolute; width: 200px; top: -180px; left: 7%;}
.year_2 img{position: absolute; width: 200px; top: -190px; left: 42%;}
.year_3 img{position: absolute; width: 140px; top: 15px; left: 6%;}
.year_4 img{position: absolute; width: 155px; top: 19px; left: 51%;}
.year_5 img{position: absolute; width: 220px; top: 131px; left: 23%;}
#our_purpose{height: 100vh; /*background-color: #f2f2f2;*/ background-color: #fff; }
.our_title h2{font-size: 110px !important; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 110px !important;}
.our_desc a{float: left; margin-top: 40px;}
.our_desc h3{font-family: 'Avenir-Medium'; font-size: 30px; line-height: 38px; font-weight: normal; text-align: left; margin-top: 150px;}
#our_values{height: 100vh; display: flex; justify-content: space-around; align-items: center;}
.Values{margin-top: 150px;}
.explore_value{margin-top: 70px;}
.covid{background-color: #121214 !important; background-size: cover; height: 100vh;}


.covid .portfolio h2{font-size: 110px !important; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 110px !important; }
/*.covid .portfolio h2{position: absolute; left: 15%; top: 50%; width: 100%; transform: translateY(-50%); padding-top: 200px; z-index: 9;}*/
.covid .portfolio .portfolio_inner {position: absolute; left: 15%; top: 50%; width: 100%; transform: translateY(-50%); z-index: 9;}


#product_container{display: none;}
#product, #product_02{height: 100vh; display: flex; justify-content: space-around; align-items: center;}
#product_portfolio .bg { height: 100vh; width: 0px; background: #fff; position: absolute; left: 0px; top: 0px; }
#product h3, #product_02 h3{font-family: 'Avenir-Medium'; /*font-size: 30px; line-height: 38px;*/ font-size: 35px; line-height: 45px; font-weight: normal; text-align: left; margin-bottom: 50px;}
#product .our_desc .desc h3, #product_02 .our_desc .desc h3{ margin-bottom: 0px; }
#product img, #product_02 img{/*width: 150px;*/ height: 140px; width: auto !important; }
.product_space{padding-top: 30px;}

.geography-box { height: 100vh; float: left; position: relative; background: #fff; }
.w54 { width: 54%; /*background: #121214;*/ }
.w17 { width: 17%; /*background: #cbcbcb;*/ }
.w24 { width: 24%; /*background: #989898;*/ }
.w4 { width: 4%; /*background: #666666;*/ }
.w1 { width: 1%; /*background: #e5e5e5;*/ }

.width_anim { position: absolute; width: 100%; left: 0px; top: 0px; height: 100%; }
.anim_54 { background: #121214; }
.anim_17 { background: #cbcbcb; }
.anim_24 { background: #989898; }
.anim_4 { background: #666666; }
.anim_1 { background: #e5e5e5; }



.geography-box p { position: absolute; top: 25%; left: 20%; z-index: 99; }
.geography-box p span { font-size: 20px; font-family: 'Avenir-Medium' !important; font-weight: normal !important; }
.geography-box h3 {  z-index: 99; position: absolute; top: 45%; left: 20%; font-size: 5vw; line-height: 2vw; font-family: 'Avenir-Medium' !important; font-weight: normal !important; }
.geography-box h3.title_4 { top: 15% !important; left: 50%; }
.geography-box h3.title_1 { top: 75% !important; left: 50%; }
.geography-box h3 span { font-size: 20px; line-height: 25px; display: block; padding-top: 25px; }

.dot_percnt { position: absolute; top: 16.5% !important; right: -10%; background: red; z-index: 9999; }
.dot_percnt label { background:#000; height: 1px; width: 80px; display: block; overflow: hidden; }
.dot_percnt span { background:#000; height: 0.75vw; width: 0.75vw; display: block; overflow: hidden; border-radius: 50%; float: right; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }

.dot_percnt_one { position: absolute; top: 65.5% !important; right: -4%; background: red; z-index: 9999; }
.dot_percnt_one div { background:#000; height: 30px; width: 1px; position: absolute; left: 0px; top: 0px; }
.dot_percnt_one label { background:#000; height: 1px; width: 8vw; display: block; overflow: hidden; }
.dot_percnt_one span { background:#000; height: 0.75vw; width: 0.75vw; display: block; overflow: hidden; border-radius: 50%; float: right; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }

.map-front {
	position: absolute;
	left: 0px;
	top: 0px;
}

#philosophy .our_people h3{font-family: 'Avenir-Medium'; font-size: 42px; line-height: 90px; font-weight: normal;}
.d-flex{height: 100vh; display: flex; justify-content: center; align-content: center; align-items: center; }
/*.txl{text-align: right; float: right;}*/
.Sustainability_desc h3{/*text-align: right;*/ font-family: 'Avenir-Medium'; font-size: 40px; line-height: 52px; font-weight: normal; margin-top: 50px;}
.Sustainability_h2 p{font-size: 20px; font-family: 'Avenir-Medium';color: #a7a9ac; line-height: 32px;}
.Sustainability_h2 p span{font-size: 50px; font-family: 'Avenir-Medium'; color: #212120; line-height: 60px;}
.img_width{max-height: 100px;margin: 0px 0 30px 0;}
.img_width_2{max-height: 190px;}

.seperator { margin-top: 0px; }

.banner_caption.map_captions { left: 0px !important; margin-top: 0px !important; }
.po_abs { position: absolute; left: 0px; top: 0px; }

.countries_maps h3{ border-bottom: 2px solid #212120; padding: 0px 0 20px 0px;}
.countries_maps p span{background-color: #212120; border-radius: 50%; padding: 10px 13px; color: #fff; margin-left: -20px; margin-right: 20px;}
.countries_maps p{color: #212120; font-size: 18px; padding: 20px;}
.our_brands h3 { padding: 47vh 0 20px 0px; }
.brands_explore{margin-top: 30px;}
.maps{position: relative; top: 100px; left: -20%; transform: translateY(-50%);}
.maps_1{position: relative; top: 125px; left: -8%; transform: translateY(-50%);}
.maps_2{position: relative; top: 125px; left:  -8%; transform: translateY(-50%); z-index: -1;}
.maps_3{position: relative; top: 125px; left:  -10%; transform: translateY(-50%); z-index: -1;}
.brands_indo h3 { padding: 12vh 0 20px 0px; }
.brands_indo img{width: 75%;}
.indo_explore{margin-top: 30px;}
.brands_Africa{padding: 450px 0 20px 0px; }
.countries_maps_africa h3{ border-bottom: 2px solid #212120; /*padding: 0px 0 20px 0px;*/ padding: 0px 0 15px 0px; }
.countries_maps_africa {/*margin-top: -250px;*/margin-top: -410px; padding-left: 150px;}
.countries_maps_africa p span{background-color: #212120; border-radius: 50%; float: left; padding: 10px 13px; color: #fff; margin-left: -20px; margin-right: 20px;}
.countries_maps_africa p{color: #212120; font-size: 18px; /*padding: 20px;*/ padding: 15px 20px; }
.countries_maps_latin h3{ border-bottom: 2px solid #212120; padding: 0px 0 20px 0px;}
.countries_maps_latin p span{background-color: #212120; border-radius: 50%; float: left; padding: 10px 13px; color: #fff; margin-right: 20px;}
.countries_maps_latin p{color: #212120; font-size: 18px; padding: 20px 20px 20px 0px; }

.brands_latin{margin-top: 50px;}

.map_captions h3 { font-size: 42px; margin-bottom: 5px; font-weight: normal; }
.map_captions h3.has_border { border-bottom: 2px solid #212120; margin-bottom: 20px; }
.brands_latin  h3{ margin-top: 0px; padding-top: 10vh; }

.our_brands h3 { font-size: 18px !important; }

#history {
	width: 829px;
	height: 578px;
	/*background: red;*/
	margin: 0px auto;
	position: relative;
}
#history img { position: absolute; }
#history img.heart_symbol { left: 108px; top: 22px; }
#history img.year-123-icon-01 { left: 132px; top: 20px; }
#history img.year-123-icon-02 { left: 103px; top: 295px; }
#history img.year-123-icon-03 { left: 258px; bottom: 0px; }
/*#history img.year-123-icon-04 { right: 105px; bottom: 88px; }*/
#history img.year-123-icon-04 { right: 135px; bottom: 82px; }
#history img.year-123-icon-05 { right: 142px; top: 0px; }

#history img.year-123-title { left: 0px; top: 58px; }
.year-123-desc {
	position: absolute;
	left: 0px;
	top: 320px;
	text-align: center;
	width: 100%;
}
.year-123-desc p {
	font-size: 20px;
	padding-bottom: 70px;
	line-height: 32px;
}


/*.fixed_elmnt { position: fixed; top: 0px; left: 0px; display: none; z-index: 99; }*/

.fixed_elmnt, .fixed_elmnt_gcpl, .fixed_elmnt_count, .fixed_elmnt_purpose, .fixed_elmnt_values,
.fixed_elmnt_portfolio, .fixed_elmnt_product_portfolio, .fixed_elmnt_market,
.fixed_elmnt_india, .fixed_elmnt_indonesia, .fixed_elmnt_africa, .fixed_elmnt_latam, .fixed_elmnt_philosophy, .fixed_elmnt_sustainability { position: fixed; top: 0px; left: 0px; display: none; z-index: 99; }

.fixed_elmnt_gcpl { display: block; z-index: 2; }
.fixed_elmnt_count { z-index: 2; }
.fixed_elmnt_purpose { z-index: 2; }
.fixed_elmnt_values { z-index: 3; }
.fixed_elmnt_portfolio { z-index: 3; }
.fixed_elmnt_product_portfolio { z-index: 5; }
.fixed_elmnt_market { z-index: 6; }
.fixed_elmnt_india { z-index: 7; }
.fixed_elmnt_indonesia { z-index: 8; }
.fixed_elmnt_africa { z-index: 9; }
.fixed_elmnt_latam { z-index: 10; }
.fixed_elmnt_philosophy { z-index: 11; }
.fixed_elmnt_sustainability { z-index: 12; }
#country_bg { z-index: 6; }


.topper { z-index: 111 !important; }

/*.fixed_elmnt .to_be_hidden { display: none; }*/
.bg_white { background: #fff; }

#factsheet_04 .fp-tableCell { vertical-align: top; }

.Sustainability_h2 { position: relative; top: 100vh; }
.hide_btn { opacity: 0; }


.our_people { position: relative; top: 100vh; }

.faded_txt { opacity: 0.5; }
.hidden_txt { display: none; }
.to_be_shown_values { display: none; }

#its_core_title { opacity: 0; }

#product.product_full { opacity: 0; }
.country_latan { opacity: 0; }
.our_purpose_full_02 { opacity: 0; }

/*#india { top: 100%; }*/


#business_landing h4 { font-size: 25px; font-weight: normal; font-family: 'Avenir-Medium' !important; line-height: 25px !important; margin-bottom: 50px; margin-top: 25px;}

#business_landing .col-md-4 .fw.pr .row {
  display:flex;    
  /*align-items:flex-end;*/
  padding: 50px 0px;
}

.left_spacing_business { padding-left: 32px !important; }
#business_landing .learnmore { margin-top: 60px; }



@media only screen and (max-width: 768px) {
	#fact_banner { background: url(../images/about/know-us/fact_banner_mo.jpg) no-repeat center; background-size: cover; height: 100vh; }
	.num{margin-top: 5px;margin-bottom: 8px;padding-left: 15px;}
	.num h1{font-size: 45px !important; line-height: 90px !important; }
	.num h1 span{font-size: 14px !important;}
	.num p{font-size: 14px !important; margin-top: -20px;}
	#fact_num{padding: 10px 0px;}
	#our_purpose, #our_values { padding: 0px 15px; }

	.banner_caption { left: 0px !important; padding-left: 10vw; padding-right: 10vw; }

	.our_title h2, .banner_caption h2 {
	    font-size: 13vw !important;
	    line-height: 15vw !important;
	}
	#business_landing h4{font-size: 20px; margin-bottom: 30px; margin-top: 0px;}


	.Values { margin-top: 40px; }
	.Values img { margin-bottom: 30px; }
	.explore_value { margin-top: 10px; }

	.our_desc h3 { font-size: 20px; line-height: 30px; margin-top: 40px; }

	#product .our_desc .desc, #product_02 .our_desc .desc { margin-bottom: 30px; }
	#product  h3, #product_02  h3 { margin-bottom: 40px; }
	#product .our_desc h3, #product_02 .our_desc h3 { float: left; display: inline-block; font-size: 20px; line-height: 24px; margin-left: 25px; margin-bottom: 0px; padding-top: 5px !important; margin-top: 0px !important; }
	#product  h3, #product_02  h3 { font-size: 20px; line-height: 26px; }
	#product img, #product_02 img { height: 65px; float: left; }
	#product .our_desc h3.product_top_space, #product_02 .our_desc h3.product_top_space { margin-top: 18px !important; }


	#history { transform: scale(0.44); }
	.year-123-desc p { padding-right: 40px; font-size: 23px; padding-bottom: 50px; }
	#history .learnmore { font-size: 23px; }
	.Sustainability_desc h3{ font-size: 20px; line-height: 32px; margin-top: 30px; }
	.Sustainability_h2 { text-align: center; }
	.Sustainability_h2 .txl { text-align: center !important; }
	.Sustainability_h2 p { font-size: 13px; line-height: 18px; text-align: center; }
	.Sustainability_h2 p span { font-size: 18px; line-height: 22px; }
	.img_width { max-height: 50px; margin-bottom: 10px; }
	.Sustainability_h2 .desc { margin: 10px 0px; }
	#philosophy .our_people h3 { font-size: 20px; line-height: 30px; }
	.img_width_2 { max-height: 80px; }
	.our_people .desc { padding-top: 15px; padding-bottom: 15px; }

	.w54, .w17, .w24, .w4, .w1 { width: 100% !important; }
	.w54 { height: 54vh !important; }
	.w17 { height: 17vh !important; }
	.w24 { height: 24vh !important; }
	.w4 { height: 4vh !important; }
	.w1 { height: 1vh !important; }

	.banner_caption.country_maps { padding-left: 0px !important; padding-right: 0px !important; }
	.banner_caption.country_maps img { width: 100% !important; }
	.map_captions img { width: 100% !important; }
	.country_map { margin-top: 46px !important; }
	.banner_caption.country_maps .container-fluid { padding-left: 0px !important; padding-right: 0px !important; }
	.market_leadership { top: -90px; right: 40px; }
	.banner_caption.map_captions {
	    top: 100px;
	    transform: none !important;
	    padding: 0px !important;
	}
	.banner_caption.map_captions .container-fluid { padding-left: 0px !important; padding-right: 0px; margin-top: 24vh; }
	.banner_caption.map_captions .po_abs .container-fluid { margin-top: 0px; }

	.map_captions h3 { font-size: 22px !important; padding-bottom: 10px; }
	.our_brands h3 { font-size: 14px !important; }
	.countries_maps p, .countries_maps_africa p, .countries_maps_latin p { font-size: 14px; padding: 15px; }
	.countries_maps p span, .countries_maps_africa p span, .countries_maps_latin p span { margin-right: 10px !important; }
	.our_brands h3 { padding-top: 11vh; text-align: center; font-weight: normal; }
	.brand_logos { padding-left: 8vw; padding-right: 8vw; }
	.brands_latin { margin-top: 0px; }
	.brands_explore, .mobile_brand_logos .learnmore{margin-top: 20px; font-size: 14px !important; }
	.txc_mo{ text-align: center !important; }
	.mobile_brand_logos {
		position: absolute;
		top: 54vh;
		left: 0px;
		z-index: 99;
	}
	.map_captions h3.has_border, .countries_maps_latin h3, .countries_maps_africa h3 { max-width: 230px; }
	.countries_maps_latin h3, .countries_maps_africa h3 { max-width: 100%; }
	.countries_maps_africa { margin-top: 0px !important; padding-left: 0px !important }

	.countries_maps p span, .countries_maps_africa p span, .countries_maps_latin p span { width: 30px; height: 30px; text-align: center; line-height: 30px; padding: 0px; display: inline-block; }
	.countries_maps p, .countries_maps_africa p, .countries_maps_latin p { padding: 6px 15px 6px 20px; font-size: 11px; line-height: 16px; }
	.countries_maps_latin p { padding-left: 0px !important; padding-right: 0px !important; }
	.pd_mo { padding-left: 0px !important; padding-right: 0px !important; }

	.map_captions h3.has_border, .map_captions h3 { margin-bottom: 10px; }

	.b_w { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.4; }

	#product_portfolio .bg { height: 0vh; width: 100vw; top: auto; bottom: 0px; }
	#product_container { padding: 0px 20px; }

	.geography-box p, .geography-box h3 { left: 5%; }
	.geography-box p { font-size: 13px; line-height: 22px; }
	.geography-box p span { font-size: 22px; }
	.geography-box h3 span { font-size: 13px; line-height: 18px; padding-top: 15px; }
	.geography-box h3 { font-size: 10vw; }
	.w54 h3 { top: 55%; }
	.geography-box h3.title_4 {
		top: 65% !important;
		left: 38% !important;
	}
	.geography-box h3.title_1 {
		top: 65% !important;
		left: 70% !important;
	}
	.dot_percnt label { height: 35px !important; width: 1px !important; }
	.dot_percnt {
	    top: 90.5% !important;
	    right: 55%;
	}
	.dot_percnt span { width: 1.75vw; height: 1.75vw; top: 105%; right: -3px; }
	.dot_percnt_one span { width: 1.75vw; height: 1.75vw; top: 97.5%; right: -3px; }
	.dot_percnt_one label { height: 9vh; width: 1px; }
	.dot_percnt_one div { left: -15px; height: 1px; width: 15px; }
	.dot_percnt_one { right: 9.5%; }


	.product_full { padding-left: 20px; }
	.mo_lr_pd{padding: 0px;}
	.know_us_brands1{margin-top: 0px !important;}
	.know_us_brands3{margin-top: 0px !important;}
	.know_us_brands4{margin-top: 0px !important;}

	#img_pages { margin-top: 65px; }

	.know_us_brands { float: left; width: 100%; height: calc(25vh - 16.25px); max-height: calc(25vh - 16.25px) !important; overflow: hidden; }
	.know_us_brands a { position: absolute; width: 100%; height: 100%; }
	#know-us-banner { background: url('../images/about/factsheet/know_us_mo.jpg') no-repeat center; background-size: cover; }
	#brands-banner { background: url('../images/about/factsheet/brands_mo.jpg') no-repeat center; background-size: cover; }
	#people-banner { background: url('../images/about/factsheet/people_mo.jpg') no-repeat center; background-size: cover; }
	#sustainability-banner { background: url('../images/about/factsheet/sustainability_mo.jpg') no-repeat center; background-size: cover; }
}



/*Srikanth 04-01-2021*/
/*.know_us_brands1{ margin-top: 280px; }
.know_us_brands3{ margin-top: 180px; }
.know_us_brands4{ margin-top: 350px; }*/

.know_us_brands1{ margin-top: 25vh; }
.know_us_brands3{ margin-top: 15vh }
.know_us_brands4{ margin-top: 28vh; }

#img_pages:hover a { opacity: 1; }
#img_pages:hover a:hover img { opacity: 0.7; }
#img_pages:hover a:hover img:hover { opacity: 1; }
/*.know_us_brands img{opacity: 0.5;
        filter: alpha(opacity=40);}
.know_us_brands img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }*/
.img_title{position: absolute; top: 45%; left: 50%; transform: translateX(-50%); font-family: 'Avenir-Black' !important; font-weight: 800; color: #fff; font-size: 22px; text-shadow: 0px 0px 30px rgba(0,0,0,0.7);}
/*Mobile