/*======== gridder css start here ============*/
.gridder {margin:0px;list-style-type:none;background:#fff;}
.gridder-list {display:inline-block;vertical-align:top;position:relative;cursor:pointer;margin-left:0;padding:0;}
.gridder-list .thumbnail {display:block;padding:5px 15px;border-radius:5px;margin:0;text-align:center;border:none;}
/*.gridder-list:nth-child(n) {margin-bottom:2%;margin-right:2%}
.gridder-list:nth-of-type(4n) {margin-right:0;}*/
.gridder-content {display:none}
.gridder-navigation {text-align:right;position:absolute;top:10px;right:10px;}
.gridder-close {background:url(../../images/close.png) no-repeat;padding:12px;display:block;}
.gridder-show {display:block;float:left;width:100%;position:relative;margin:12px 0px 12px 0px;}
.grid-row{padding:30px 15px; border-radius:5px; text-align:left; float:left;width:100%; margin-left:0px !important; margin-right:0px !important;}
.gridder-show.loading {background:#EEE;}
.name_title {font-size:20px;color:#c62a35;line-height:24px;margin:0px 0 0 0;font-weight:600;}
.top_arrow_icon {position:absolute;bottom:-15px;left:42%;display:none;z-index:9;}
.hasSelectedItem .gridder-list.selectedItem .top_arrow_icon {display:block !important;}
.gridder-list.selectedItem .thumbnail {background:#f37032;}
.gridder-list.selectedItem .thumbnail .name_title {color:#fff;}

.area-of-work-mast{ width:100%; }

.full-float.areas-of-work-title{width:100%; float:left;}
/*.main-content p{ opacity:0; visibility:hidden; -moz-transition:opacity 0.5s 0.5s, visibility 1s; -webkit-transition:opacity 0.5s 0.5s, visibility 1s; -ms-transition:opacity 0.5s 0.5s, visibility 1s; -o-transition:opacity 0.5s 0.5s, visibility 1s; transition:opacity 0.5s 0.1s, visibility 1s;}
.main-content ul li{opacity:0; visibility:hidden;-moz-transform:translateY(100px); -webkit-transform:translateY(100px); -ms-transform:translateY(100px);-o-transform:translateY(100px); transform:translateY(100px);-moz-transition:opacity 0.5s 0.5s, transform 1s; -webkit-transition:opacity 0.5s 0.5s, transform 1s; -ms-transition:opacity 0.5s 0.5s, transform 1s; -o-transition:opacity 0.5s 0.5s, transform 1s; transition:opacity 0.5s 0.5s, transform 1s;}

.main-content p.in-view{ opacity:1; visibility:visible;}
.main-content ul li.in-view{ opacity:1; visibility:visible;-moz-transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0); transform:translateY(0); }*/


/*======== gridder css end here ============*/
.areas-of-work-title p{width:95%; float:left; font-weight:600; margin-bottom:1rem;}
.share-btn{float:right;}
.areas-of-work-title .knowMoreBtn{margin-top:0px;}
.stories-colm{margin-top:20px; float:left;}
.grid-row .col-lg-8 .row, .grid-row .col-xl-9 .row{display:inherit !important;}
.stories-colm img{width:100%; height:auto; float:left; border-radius:5px; margin-bottom:10px;}

.stories-colm p a{color:#000; font-weight:600; transition:all 0.3s;}
/*.stories-colm p a:hover{color:#fa6f1c ; transition:all 0.3s;}*/
.stories-infograph{margin-top:0px; padding-left:30px;}

.stories-infograph li{height:auto !important; padding:20px 0px; border-bottom:1px dotted #b3b3b3;}
.stories-infograph li:last-child{border-bottom:none; padding-bottom:0px;}
.stories-infograph li:first-child{padding-top:0px;}
.stories-colm p:last-child{margin-bottom:0px;}
.stories-infograph li p {margin-bottom:0px; display:inline;}
.stories-infograph li p span{width:100%; display:block;font-family: 'Miller-TextBold'; font-size:40px; font-weight:bold; margin-bottom:10px;}

.area-of-work-list .area-of-work-item.selectedItem .area-of-work-item-in{height:100%; width:100%; background:transparent;}
.area-of-work-list .area-of-work-item.selectedItem .icon-box{width:100%; height:100%; left:0px; bottom:-1px;}
.area-of-work-list .area-of-work-item.selectedItem .area-of-work-item-in span{bottom: 25%;left: 0;right: 0;width: 100%;text-align: center; font-size: 1rem;}
.area-of-work-list .area-of-work-item.selectedItem:hover{margin:0px 0px;}
.area-of-work-list .area-of-work-item.selectedItem .area-of-work-item-in{ left:0;}

.grid-row.healthcare-color{border:2px solid #4ca247; background-color:rgba(76,162,71,0.3)}
.grid-row.nutrition-color{border:2px solid #dda73a; background-color:rgba(221, 167, 58, 0.3)}
.grid-row.education-color{border:2px solid #fa6f1c ; background-color:rgba(200, 34, 48,0.3)}
.grid-row.wash-color{border:2px solid #29bee8; background-color:rgba(41, 190, 232,0.3)}
.grid-row.livelihood-color{border:2px solid #e5233e; background-color:rgba(229, 35, 62,0.3)}
.grid-row.digital_transformation-color{border:2px solid #f3682d; background-color:rgba(243, 104, 45,0.3)}
.grid-row.migration_and_urban_habitat-color{border:2px solid #df1a83; background-color:rgba(223, 26, 131,0.3)}
.grid-row.social_justice_and_inclusion-color{border:2px solid #14699f; background-color:rgba(20, 105, 159,0.3)}
.grid-row.environment_and_energy-color{border:2px solid #5bb947; background-color:rgba(91, 185, 71,0.3)}
.grid-row.skill_development-color{border:2px solid #a31c44; background-color:rgba(163, 28, 68,0.3)}
.grid-row.sports-color{border:2px solid #4169e2; background-color:rgba(65, 105, 226,0.3)}
.grid-row.arts_and_culture-color{border:2px solid #00345c; background-color:rgba(0, 52, 92,0.3)}
.grid-row.disaster_relief_and_rehabilitation-color{border:2px solid #ff8788; background-color:rgba(255, 135, 136,0.3)}
.grid-row.institutions-color{border:2px solid #b4d055; background-color:rgba(180, 208, 85,0.3)}
.grid-row.individual-grants-programme-color{border:2px solid #ff8788; background-color:rgba(252, 197, 18,0.3)}


.grid-row.healthcare-color .knowMoreBtn{background: #4ca247;}
.grid-row.nutrition-color .knowMoreBtn{background: #dda73a;}
.grid-row.education-color .knowMoreBtn{background: #fa6f1c ;}
.grid-row.wash-color .knowMoreBtn{background: #29bee8;}
.grid-row.livelihood-color .knowMoreBtn{background: #e5233e;}
.grid-row.digital-transformation-color .knowMoreBtn{background: #f3682d;}
.grid-row.migration-and-urban-habitat-color .knowMoreBtn{background: #df1a83;}
.grid-row.social-justice-and-inclusion-color .knowMoreBtn{background: #14699f;}
.grid-row.environment-and-energy-color .knowMoreBtn{background: #5bb947;}
.grid-row.skill-development-color .knowMoreBtn{background: #a31c44;}
.grid-row.sports-color .knowMoreBtn{background: #4169e2;}
.grid-row.arts-and-culture-color .knowMoreBtn{background: #00345c;}
.grid-row.disaster-relief-and-rehabilitation-color .knowMoreBtn{background: #ff8788;}
.grid-row.institutions-color .knowMoreBtn{background: #b4d055;}
.grid-row.individual-grants-programme-color .knowMoreBtn{background: #ff8788;}

.grid-row.healthcare-color .stories-colm h6 a{color:#4ca247;}
.grid-row.nutrition-color .stories-colm h6 a{color:#dda73a;}
.grid-row.education-color .stories-colm h6 a{color:#fa6f1c ;}
.grid-row.wash-color .stories-colm h6 a{color:#29bee8;}
.grid-row.livelihood-color .stories-colm h6 a{color:#e5233e;}
.grid-row.digital-transformation-color .stories-colm h6 a{color:#f3682d;}
.grid-row.migration-and-urban-habitat-color .stories-colm h6 a{color:#df1a83;}
.grid-row.social-justice-and-inclusion-color .stories-colm h6 a{color:#14699f;}
.grid-row.environment-and-energy-color .stories-colm h6 a{color:#5bb947;}
.grid-row.skill-development-color .stories-colm h6 a{color:#a31c44;}
.grid-row.sports-color .stories-colm h6 a{color:#4169e2;}
.grid-row.arts-and-culture-color .stories-colm h6 a{color:#00345c;}
.grid-row.disaster-relief-and-rehabilitation-color .stories-colm h6 a{color:#ff8788;}
.grid-row.institutions-color .stories-colm h6 a{color:#b4d055;}
.grid-row.individual-grants-programme-color .stories-colm h6 a{color:#ff8788;}

.icon-box-svg{fill:#fff; width:45px;}

.area-of-title{font-size:2.25rem; line-height:2.875rem; font-weight:600; margin-bottom:0.625rem;}
.areas-of-work-title .svg-icon{ max-width:95px; max-height:90px; margin-bottom:0.9375rem;}


/**==============ABOUT US==============**/
#about-us-box{ padding:2.5rem 0 2.5rem 2.8125rem; width:100%; display:flex;}
.about-infographic{ margin:1.25rem 0;}
.tata_trust_history{ position:relative; overflow:hidden;}
.tata_trust_history:hover img{transition:all 0.6s; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.tata_trust_history img{ width:100%; transition:all 0.6s; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
.tata_trust_history .btn-with-right-border{ position:absolute; bottom:0; right:-0.525rem; background:#fa6f1c ;padding:0.625rem 1.25rem;border:none;color:#fff;font-size:1em;cursor:pointer;outline:none;display:inline-block; line-height:1rem; margin:1rem 0;}
.leftTopBorder:after{content:''; position:absolute; right:0; width:0; height:0;  border-bottom:0.525rem solid #767676; border-right:0.525rem solid transparent; top:-0.525rem;}


/**==============Area of work==============**/
#areas-of-work-box{ padding:2.5rem 0.625rem;}


.healthcare-bg{ background-color:#4ca247;}
.nutrition-bg{background-color:#dda73a;}
.education-bg{ background-color:rgba(200, 34, 48, 0.7);}
.wash-bg{ background-color:rgba(41, 190, 232, 0.7) ;}
.livelihood-bg{ background-color:rgba(229, 35, 62, 0.7);}
.social-justice-and-inclusion-bg{ background-color:rgba(20, 105, 159, 0.7);}
.environment-and-energy-bg{ background-color:#407f46;}
.skill-development-bg{ background-color:#a31c44;}
.disaster-relief-and-rehabilitation-bg{ background-color:#ff8788;}
.institutions-bg{ background-color:#b4d055;}
.individual-grants-programme-bg{ background-color:#fcc512;}
.digital-transformation-bg{ background-color:#f3682d;}
.sports-bg{ background-color:#4169e2;}
.migration-and-urban-habitat-bg{ background-color:#df1a83;}
.arts-and-culture-bg{ background-color:#00345c;}


.healthcare-color svg path{ fill:#4ca247 !important; }
.nutrition-color  svg path{ fill:#dda73a !important; }
.education-color  svg path{ fill:#fa6f1c  !important; }
.wash-color  svg path{ fill:#29bee8 !important; }
.livelihood-color svg path{ fill:#e5233e !important; }
.social_justice_and_inclusion-color svg path{ fill:#14699f !important; }
.environment_and_energy-color svg path{ fill:#407f46 !important; }
.skill_development-color svg path{ fill:#a31c44 !important; }
.disaster_relief_and_rehabilitation-color svg path{ fill:#ff8788 !important; }
.institutions-color svg path{ fill:#b4d055 !important; }
.individual-grants-programme-color svg path{ fill:#fcc512 !important; }
.digital_transformation-color svg path{ fill:#f3682d !important; }
.sports-color svg path{ fill:#4169e2 !important; }
.migration_and_urban_habitat-color svg path{ fill:#df1a83 !important; }
.arts_and_culture-color svg path{ fill:#00345c !important; }

.area-of-work-list .area-of-work-item{width:19.7%; display:inline-block;}
.area-of-work-list .area-of-work-item figure{ margin:0.1875rem 0.1875rem;  position:relative; }
.area-of-work-list .area-of-work-item .area-of-work-item-in{ position:absolute; bottom:0; left:3.75rem; right:2px; background:rgba(0,0,0,0.75); height:40px; text-align:left; transition:height 0.6s, background 0.6s 1s; -moz-transition:height 0.6s, background 0.6s 1s; -webkit-transition:height 0.6s; -ms-transition:height 0.6s; -o-transition:height 0.6s;}
.area-of-work-list .area-of-work-item .area-of-work-item-in span{ font-size:0.9rem; line-height:1rem; color:#fff;  font-weight:300;transition:left 0.6s, bottom 0.6s, text-align 0.3s; -moz-transition:left 0.6s, bottom 0.6s, text-align 0.3s; -webkit-transition:left 0.6s, bottom 0.6s, text-align 0.3s; -ms-transition:left 0.6s, bottom 0.6s, text-align 0.3s; -o-transition:left 0.6s, bottom 0.6s, text-align 0.3s;position:absolute; bottom:0.625rem; left:1rem; right:0; text-align:left;}

/*.area-of-work-list li a:hover .area-of-work-item-in{ height:auto; top:0;}*/
.area-of-work-list li a:hover .area-of-work-item-in .icon-box{  position:absolute; left:0rem; bottom:0rem; transform:translate(0%,0%); -moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%); -ms-transform:translate(0%,0%); -o-transform:translate(0%,0%); }


/*.area-of-work-list li a:hover .area-of-work-item-in span{ display:block; }*/
.area-of-work-item figure{ margin-bottom:0;}
.area-of-work-item figcaption{ height:0;  width:0; opacity:0; visibility:hidden; z-index:999; position:absolute; background:#fff; padding:20px; border:3px solid #fa6f1c ;}
.area-of-work-item figcaption, .area-of-work-item figcaption.caption_open{ -webkit-transition:0.5s height, width 0.5s, opacity 0.5s; -moz-transition:0.5s height, width 0.5s, opacity 0.5s; -o-transition:0.5s height, width 0.5s, opacity 0.5s; -ms-transition: 0.5s height,width 0.5s, opacity 0.5s; transition:0.5s height, width 0.5s, opacity 0.5s;}
.area-of-work-item figcaption.caption_open{ width:500.5%; position:absolute; top:0;  height:200.5%;  z-index:999; overflow:hidden; opacity:1; visibility:visible;}
.area-of-work-item a.close_btn{ height:26px; width:26px; position:absolute; right:0; top:0;}
.area-of-work-item a.close_btn img{ width:100%;}

.area-of-work-item:nth-child(4) figcaption.caption_open,
.area-of-work-item:nth-child(5) figcaption.caption_open,
.area-of-work-item:nth-child(9) figcaption.caption_open,
.area-of-work-item:nth-child(10) figcaption.caption_open,
.area-of-work-item:nth-child(14) figcaption.caption_open,
.area-of-work-item:nth-child(15) figcaption.caption_open{right:0;}

.area-of-work-item:nth-child(11) figcaption.caption_open,
.area-of-work-item:nth-child(12) figcaption.caption_open,
.area-of-work-item:nth-child(13) figcaption.caption_open,
.area-of-work-item:nth-child(14) figcaption.caption_open,
.area-of-work-item:nth-child(15) figcaption.caption_open{top:inherit; bottom:0;}

.icon-box{ height:4.375rem; width:4.375rem; position:absolute; left:-4rem; bottom:0; margin-top:-1.875rem; display:table; text-align:center;-moz-transition:background 0.3s, width 0.6s 0s, height 0.6s 0.1s; -wbkit-transition:background 0.3s, width 0.6s 0s, height 0.6s 0.1s; transition:background 0.3s, width 0.6s 0s, height 0.6s 0.1s;}
.icon-box:before{content:''; position:absolute; left:0;width: 0;height: 0;  border-bottom:0.4375rem solid #767676; border-left:0.4375rem solid transparent; top:-0.4375rem;}
.icon-box .icon-box-in{ display:table-cell;vertical-align:middle; max-width:80px; padding:10px;}
.icon-box .icon-box-in img,
.icon-box .icon-box-in svg{ width: 50px; height: 50px; display:inline-block;}
.icon-box .icon-box-in svg,
.icon-box .icon-box-in svg path{ fill:#fff !important;}


.area-of-work-list li.selectedItem a:hover .area-of-work-item-in .icon-box{left:0px;}
.area-of-work-list .area-of-work-item.selectedItem .icon-box:before{display:none;}
.area-of-work-list .area-of-work-item:hover .area-of-work-item-in{height:100%;  background:transparent; left:0;}
.area-of-work-list .area-of-work-item.selectedItem:hover .icon-box, .area-of-work-list .area-of-work-item:hover .icon-box{width:100%; height:100%; left:0px; margin-top:0; }
.area-of-work-list .area-of-work-item.selectedItem:hover .area-of-work-item-in span, .area-of-work-list .area-of-work-item:hover .area-of-work-item-in span{bottom:25%;left: 0;right: 0;text-align: center; font-size: 1rem;}
.area-of-work-list .area-of-work-item.selectedItem:hover{margin:0px 0px;}
/*.area-of-work-list li:hover a:hover .area-of-work-item-in .icon-box{left:0px;}*/
.area-of-work-list .area-of-work-item:hover .icon-box:before{display:none;}
.area-of-work-list .area-of-work-item.selectedItem .icon-box .icon-box-svg, .area-of-work-list .area-of-work-item:hover .icon-box .icon-box-svg{width:65px;}

.area-of-work-list .area-of-work-item:hover .icon-box .icon-box-in img,
.area-of-work-list .area-of-work-item:hover .icon-box .icon-box-in svg{ width:60px; height:60px;}

.area-of-work-list .area-of-work-item.selectedItem .healthcare-bg, .area-of-work-list .area-of-work-item:hover .healthcare-bg {background-color: rgba(76, 162, 71, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .nutrition-bg, .area-of-work-list .area-of-work-item:hover .nutrition-bg {background-color: rgba(221, 167, 58, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .education-bg, .area-of-work-list .area-of-work-item:hover .education-bg {background-color: rgba(200, 34, 48, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .wash-bg, .area-of-work-list .area-of-work-item:hover .wash-bg {background-color: rgba(41, 190, 232, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .livelihood-bg, .area-of-work-list .area-of-work-item:hover .livelihood-bg {background-color: rgba(229, 35, 62, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .digital-transformation-bg, .area-of-work-list .area-of-work-item:hover .digital-transformation-bg {background-color: rgba(243, 104, 45, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .migration-and-urban-habitat-bg, .area-of-work-list .area-of-work-item:hover .migration-and-urban-habitat-bg {background-color: rgba(223, 26, 131, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .social-justice-and-inclusion-bg, .area-of-work-list .area-of-work-item:hover .social-justice-and-inclusion-bg {background-color: rgba(20, 105, 159, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .environment-and-energy-bg, .area-of-work-list .area-of-work-item:hover .environment-and-energy-bg {background-color: rgba(91, 185, 71, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .skill-development-bg, .area-of-work-list .area-of-work-item:hover .skill-development-bg {background-color: rgba(163, 28, 68, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .sports-bg, .area-of-work-list .area-of-work-item:hover .sports-bg {background-color: rgba(65, 105, 226, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .arts-and-culture-bg, .area-of-work-list .area-of-work-item:hover .arts-and-culture-bg {background-color: rgba(0, 52, 92, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .disaster-relief-and-rehabilitation-bg, .area-of-work-list .area-of-work-item:hover .disaster-relief-and-rehabilitation-bg {background-color:rgba(255, 135, 136, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .institutions-bg, .area-of-work-list .area-of-work-item:hover .institutions-bg {background-color: rgba(180, 208, 85, 0.7);}
.area-of-work-list .area-of-work-item.selectedItem .individual-grants-programme-bg, .area-of-work-list .area-of-work-item:hover .individual-grants-programme-bg {background-color: rgba(252, 197, 18, 0.7);}






/**==============latest==============**/
#latest-box{ background:#f1f1f1; padding:2.5rem 0 5rem;}
#latest-box ul li{ margin:0.625rem 0;transition:transform 0.4s; -moz-transition:-moz-transform 0.4s; -webkit-transition:-webkit-transform 0.4s; -ms-transition:-ms-transform 0.4s; -o-transition:-o-transform 0.4s; }
#latest-box ul li .inside-box{ background:#fff; position:relative; padding:0.625rem 0.625rem 1.875rem;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; border-radius:0.25rem;}
#latest-box ul li .share-box{ position:absolute;
     /* top:inherit; bottom:140px */
     margin-top: 250px;
    }
#latest-box ul li .only-text-inside-box{ padding:2rem 0.625rem 1.875rem;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s;}
#latest-box ul li .inside-box.inside-box-social{padding:0.625rem;}
#latest-box ul li:hover{ /*margin-top:-0.125rem;*/ -ms-transform:scale(1.01); -moz-transform:scale(1.01); transform:scale(1.01); -webkit-transform:scale(1.01);}
#latest-box ul li:hover .inside-box{ box-shadow:0 0 0.625rem 0.3125rem rgba(0,0,0,0.1); -moz-box-shadow:0 0 0.625rem 0.3125rem rgba(0,0,0,0.1); -webkit-box-shadow:0 0 0.625rem 0.3125rem rgba(0,0,0,0.1); -ms-box-shadow:0 0 0.625rem 0.3125rem rgba(0,0,0,0.1); -o-box-shadow:0 0 0.625rem 0.3125rem rgba(0,0,0,0.1);}
#latest-box .inside-inside-box{ padding:0.5rem 2.5rem 0 0;}
#latest-box ul li:hover .inside-box h4{ color:#fa6f1c ; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s;}


#latest-box ul li h5{ position:absolute; top:-0.05rem; right:-0.575rem;  font-size:0.8125rem; line-height:0.8125rem; text-transform:uppercase; color:#fff; background:#fa6f1c ; padding:0.275rem 1rem; z-index:9; letter-spacing:0.1em;}
#latest-box ul li h5:after{ content:''; position:absolute;width: 0;height: 0;  border-top:0.4375rem solid #868382; border-right:0.4375rem solid transparent; bottom:-0.425rem; right:0;}
#latest-box ul li h5.twitter-title,#latest-box ul li h5.facebook-title, #latest-box ul li h5.instragram-title{ padding:0.5rem 1.625rem 0.5rem 0.625rem; text-align:left;}
#latest-box ul li h5.twitter-title{background:#55acee;}
#latest-box ul li h5.facebook-title{background:#3b5999;}
#latest-box ul li h5.instragram-title{background:url(../../images/home/instragram-bg.png) repeat;}
#latest-box ul li h5 img{position:absolute; right:0.25rem; top:0.25rem;}
#latest-box ul li h5 span{ margin-right:0.125rem;}

#latest-box ul li h4{font-size:1.125rem; line-height:1.5rem; color:#000; font-weight:700; margin:0.5rem 0 1.25rem;}
#latest-box ul li p{ color:#515151;}
#latest-box ul li p:last-child{ margin-bottom:0.625rem;}
#latest-box .on-date{ font-size:0.9375rem; color:#767676; display:block;}
#latest-box img{ margin-bottom:0.5rem;}
#latest-box .share-box img{ margin-bottom:0;}

.social-media-carousel .carousel-animate .carousel-indicators{ bottom:}
.social-media-carousel .carousel-animate .carousel-indicators > li{margin:0 0.125rem;background-color:#f39c12;border-color:#f39c12;opacity:.7}
.social-media-carousel .carousel-animate .carousel-indicators > li.active{width:0.625rem;height:0.625rem;opacity:1}
.social-media-carousel .carousel-animate .hero{color:#fff;text-align:center;text-transform:uppercase;text-shadow:0.0625rem 0.0625rem 0 rgba(0,0,0,0.75)}
.social-media-carousel .carousel-caption{ position:relative; bottom:inherit; padding:0.625rem 0; left:0; right:0; font-size:0.9375rem; line-height:0.9375rem; text-align:left; background:#fff;}
.social-media-carousel .carousel-caption span{color:#515151; margin-bottom:0.525rem; display:inline-block;}
.social-media-carousel .carousel-caption p{ margin-bottom:0; color:#515151;}
.inside-box-social .carousel-indicators{ bottom:-2.25rem; left:-0.3125rem; right:inherit; margin:0; position:absolute;}
#latest-box ul li .carousel-indicators li{ width:0.625rem; height:0.625rem; /*border:0.125rem solid #9b413e;*/ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity:1; margin:0 0.225rem;}
#latest-box ul li .carousel-indicators li:first-child{ margin-left:0}
#latest-box ul li .carousel-indicators .active{ background:#9b413e;}
#latest-box ul li .inside-box.inside-box-social .share-box{ bottom:-2rem; position:absolute;}


/**==============Main SLider==============**/
.main-slider{position:relative;width:auto;/*height:46vw;min-height:15vw;*/padding:0 0rem;opacity:0;visibility:hidden;transition:all 1.2s ease; z-index:99;/* max-height:43vw;*/ height:auto }
.main-slider:after{ content:''; position:absolute; bottom:0; background:#f1f1f1; height:60%; left:0; right:0; z-index:1;}
.main-slider.slick-initialized{opacity:1;visibility:visible}
.main-slider .slick-slide{position:relative;height:44vw; }
.main-slider .slick-list{ z-index:10;}
.main-slider .slick-slide::before{background-color:#000;opacity:.3;z-index:1}
.main-slider .slick-slide video{display:block;position:absolute;top:calc(50% - 0px);left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.main-slider .slick-slide iframe{position:relative;pointer-events:none}
.main-slider .slick-slide figure{/*position:relative;*/height:100%; margin-bottom:0;}
.main-slider .slick-slide .slide-image{opacity:0;height:100%;background-size:cover;background-position:center;transition:all .8s ease}
.main-slider .slick-slide .slide-image.show{opacity:1}
.main-slider .slick-slide .image-entity{width:100%;opacity:0;visibility:hidden}
.main-slider .slick-slide .loading{position:absolute;top:50%;left:50%;width:100%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:-1;}
.main-slider .slick-slide .slide-media{-webkit-animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1);animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1); transition:all .3s ease;}
.main-slider .slick-slide.slick-active{z-index:1}
.main-slider .slick-slide.slick-active .slide-media{-webkit-animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1);animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1); transition:all .3s ease;}
.main-slider .slick-slide.slick-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .7s cubic-bezier(0.32,0.34,0,1.62) .6s}
.main-slider .slick-arrow{
    /* background:rgba(0,0,0,0.3);  */
    height:3.75rem; width:1.875rem; border:none; position: absolute; z-index: 1; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:100; outline:none;}
.main-slider .slick-arrow:after{ content:''; position:absolute; top:0; background:url(../../images/control.png) no-repeat; height:1.25rem; width:0.8125rem;transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);top: 50%;left:50%;}
.main-slider .slick-prev.slick-arrow:after{background-position:left top; }
.main-slider .slick-next.slick-arrow:after{background-position:right top;}
.main-slider .slick-prev.slick-arrow{ left:2.75rem;}
.main-slider .slick-next.slick-arrow{ right:2.75rem;}
.main-slider .caption{position:absolute;bottom:3rem;left:0;text-align:left;padding:2rem 2.5rem;color:#000;margin:0;opacity:0;z-index:1;transition:all .3s ease;background:#fff; max-width:34rem;}
.main-slider .caption h2{font-size:2.375rem;font-weight:700; line-height:2.6125rem; padding:0; margin:0 0 0.625rem 0; width:100%;}
.main-slider .caption h2:after{ content:''; border:none;}
.main-slider .caption a{ margin-bottom:0;}

.main-slider .slick-slide #video2{ left:48%;}



@-webkit-keyframes slideIn {
from{-webkit-filter:blur(0.9375rem);filter:blur(0.9375rem)}
to{-webkit-filter:blur(0);filter:blur(0)}
}
@keyframes slideIn {
from{-webkit-filter:blur(0.9375rem);filter:blur(0.9375rem)}
to{-webkit-filter:blur(0);filter:blur(0)}
}
@-webkit-keyframes slideOut {
from{-webkit-filter:blur(0);filter:blur(0)}
to{-webkit-filter:blur(0.9375rem);filter:blur(0.9375rem)}
}
@keyframes slideOut {
from{-webkit-filter:blur(0);filter:blur(0)}
to{-webkit-filter:blur(0.9375rem);filter:blur(0.9375rem)}
}



.share-box-button img{ vertical-align:baseline; margin-left:5px;}


/* ==============   grid css start here   =================*/
.og-grid {list-style: none;padding:0px 0;margin: 0 auto;text-align: center;width: 100%; }
.og-grid li {display:inline-block;/*margin: 10px 5px 0 5px;*/vertical-align: top;/*height: 220px;*/ width:100%;}
.og-grid li figure{padding:0px 110px 0px 0px; -moz-border-radius:4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; min-height: 95px; display: block; border:none !important}
.og-grid li > a.area-of-work-item-hover{margin: 0.1875rem 0.1875rem;}
.og-grid li > a, .og-grid li > a img {border: none;outline: none;display: block;position: relative;}
.og-grid li > a img{width:100%; }
.og-grid li > a{border-radius:0.25rem;}
.og-grid li.og-expanded > a::after {top: auto;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-top-color: #fa6f1c ;border-width: 15px;left: 50%;margin: 0px 0 0 -15px;}


.og-expander {position: absolute;top: auto;left: 0;width:100%;margin-top: 10px;text-align: left;height: 0;overflow: hidden; padding:0rem 0.625rem}
.og-expander-inner {padding: 25px 25px;height: 100%;border:2px solid #fa6f1c ; border-radius:5px;}
.og-close {position: absolute;width: 30px;height: 30px;top: 10px;right: 20px;cursor: pointer;}
.og-close::before, .og-close::after {content: '';position: absolute;width: 100%;top: 50%;height: 4px; border-radius:5px; background: #000;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.og-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.og-close:hover::before, .og-close:hover::after {background: #000;}
.og-fullimg, .og-details {width: 50%;float: left;height: 100%;overflow: hidden;position: relative;}
.og-details {padding: 0 40px 0 20px;}
.og-fullimg {text-align: center;}
.og-fullimg img {display: inline-block;max-height: 100%;max-width: 100%;}
.og-details h3 {font-weight: 300;font-size: 52px;padding: 40px 0 10px;margin-bottom: 10px;}
.og-details p {font-weight: 400;font-size: 16px;line-height: 22px;color: #999;}
.og-details a {font-weight: 700;font-size: 16px;color: #333;text-transform: uppercase;letter-spacing: 2px;padding: 10px 20px;border: 3px solid #333;display: inline-block;margin: 30px 0 0;outline: none;}
.og-details a::before {content: '\2192';display: inline-block;margin-right: 10px;}
.og-details a:hover {border-color: #999;color: #999;}
.og-loading {width: 20px;height: 20px;border-radius: 50%;background: #ddd;box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;-webkit-animation: loader 0.5s infinite ease-in-out both;-moz-animation: loader 0.5s infinite ease-in-out both;animation: loader 0.5s infinite ease-in-out both;}
.icon-box .icon-box-in img{display:inline-block; }
@-webkit-keyframes loader {
0% { background: #ddd; }
33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@-moz-keyframes loader {
0% { background: #ddd; }
33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@keyframes loader {
0% { background: #ddd; }
33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media(max-width:1380px){
.area-of-work-list .area-of-work-item.selectedItem:hover .area-of-work-item-in span {
    bottom: 20%;}
}
@media screen and (max-width: 830px) {
.og-expander h3 { font-size: 32px; }
.og-expander p { font-size: 13px; }
.og-expander a { font-size: 12px; }
}
@media screen and (max-width: 650px) {
.og-fullimg { display: none; }
.og-details { float: none; width: 100%; }
}
/* ==============   grid css end here   =================*/


/*@media screen and (min-width:1601px) {
.icon-box{ bottom:1.37rem;}
}
*/
@media screen and (max-width:1080px) {
	.submenu-right-side{width:100%;}
/*.main-slider{ height:auto;}
.main-slider .slick-slide{ height:auto;}
.main-slider .slick-slide .slide-image{ height:auto;}
.main-slider .caption{ position:relative; bottom:0; left:0; right:0; max-width:100%}
.main-slider .slick-slide iframe{ max-height:480px;}*/
#voices_wrapper-single .slick-next.slick-arrow{right:30%;}
#voices_wrapper-single .slick-prev.slick-arrow{left:30%;}

.main-slider .slick-slide.slick-active .caption{width:100% !important; max-width:100%; padding:20px; bottom:inherit; background:rgba(255, 255, 255, 0.75);}
.main-slider .caption h2{font-size:20px; line-height:26px; width:100%;}
.grid-row{padding-top:45px;}
.area-of-work-list .area-of-work-item.selectedItem:hover .area-of-work-item-in span{bottom: 26%;}


/**HOME SLIDER**/
/*.main-slider .slick-slide{ height:50vh; background-color:#fff;}
.main-slider .slick-slide video{ position:relative; top:0; right:0; left:0; bottom:0; transform:translate(0);}
.main-slider .slick-slide .slide-image{ height:auto;}*/

.main-slider {height:auto; background-color:#fff; overflow:hidden;}
/*.main-slider:after{ height:100% !important;}*/
.main-slider:after{ content:''; position:absolute; bottom:inherit; background:#000; height:100%; left:0; right:0; z-index:1;}
/*.main-slider .slick-slide{ height:auto;}*/

/*.main-slider .slick-list, .slick-slider .slick-track, .slick-slider .slick-list, .main-slider .slick-slide{height:auto;}*/
.main-slider .caption h2{font-size:18px; line-height:22px;}
.main-slider .caption a.knowMoreBtn{font-size:14px; padding:5px 10px;}
.main-slider .caption{ position:relative;}
.main-slider .slick-arrow{ top:calc(100% - 60%); height: 2.0rem; width: 1.5rem;}
.main-slider .slick-next.slick-arrow{right:0rem;}
.main-slider .slick-prev.slick-arrow{left:0rem;}

.main-slider .slick-slide video{position:relative;top:0;right:0;left:0;bottom:0;transform:translate(0);height: 100%;width: 100%;}
.main-slider .slick-slide.video{ height:auto !important;}
.main-slider .slick-slide{ height:auto !important;}
}

@media screen and (max-width:980px) {
#about-us-box{ padding:1rem;}
#latest-box ul li .inside-box{ text-align:center;}

#latest-box .inside-inside-box{ padding-right:0;}
}
@media(max-width:991px){
.og-grid li{width:46%; margin:0% 1%;}
.stories-infograph li:first-child { padding-top: 20px;}
.area-of-work-list .area-of-work-item.selectedItem:hover .area-of-work-item-in span { bottom: 20%;}
.stories-colm { margin-top: 30px;}
/*#latest-box{ padding-top:0;}*/
}

@media(max-width:767px){
/*.main-slider{height:400px;}*/
/*.main-slider {height:auto;}
.main-slider .slick-list,
.slick-slider .slick-track,
.slick-slider .slick-list,
.main-slider .slick-slide{height:auto;}
.main-slider .caption h2{font-size:18px; line-height:22px;}
.main-slider .caption a.knowMoreBtn{font-size:14px; padding:5px 10px;}
.main-slider .caption{ position:relative;}

.main-slider .slick-slide video{position:relative;top:0;right:0;left:0;bottom:0;transform:translate(0);height: 100%;width: 100%;}
.main-slider .slick-slide.video{ height:auto;}*/

.main-content{ padding-top:55px;}
#voices_wrapper .slick-prev.slick-arrow{left:27%;}
#voices_wrapper .slick-next.slick-arrow{right:27%;}
/*.main-slider .slick-slide .slide-image.show{min-height: 400px;  background-size: cover;  background-repeat: no-repeat;}*/

.stories-colm{ margin-top:25px;}
.og-grid li{width:100%; margin:0% 0%;}
.area-of-work-list .area-of-work-item.selectedItem:hover .area-of-work-item-in span { bottom: 25%;}

.main-slider .slick-arrow{ top:calc(100% - 70%);}


}


@media(max-width:480px){
#voices_wrapper-single .slick-prev.slick-arrow{left:3%;}
#voices_wrapper-single .slick-next.slick-arrow{right:3%;}


}

@media only screen and (max-width: 670px) and (min-width: 620px) {
.area-of-work-list .area-of-work-item.selectedItem:hover .area-of-work-item-in span {
    bottom: 18%;
}
}

@media  (max-width:480px) {
  #latest-box ul li .share-box{
    margin-top: 230px;
  }
  .voices-width{
    width: 162px;
  }
  .voices-div-hide{
    display: none;
  }
  .voices-div-width{
    width: 80%;
  }
  .voices-height{
    height: 108px;
  }
  .main-div{
    height:250px;
  }
  .main-img{
    height:250px;
    width: 100%;
  }
  .we-do-margin{
    margin-top: 35px;
  }
}
@media  screen and(min-width:480px) {
  #latest-box ul li .share-box{
    margin-top: 230px;
  }
  .voices-width{
    width: 162px;
  }
  .voices-div-hide{
    display: none;
  }
  .voices-div-width{
    width: 80%;
  }
  .voices-height{
    height: 108px;
  }
  .main-div{
    height:250px;
  }
  .main-img{
    height:250px;
    width: 100%;
  }
  .we-do-margin{
    margin-top: 35px;
  }
}
@media screen and (min-width:768px)  {
  #latest-box ul li .share-box{
    margin-top: 520px;
  }
  .voices-width{
    width: 190px;
  }
  .voices-div-hide{
    display: none;
  }
  .voices-div-width{
    width: 100%;
  }
  .voices-height{
    height: 190px;
  }
  .main-div{
    height:400px;
  }
  .main-img{
    height:400px;
    width: 100%;
  }
  .we-do-margin{
    margin-top: 35px;
  }
}
@media screen and (min-width:1024px)  {
  #latest-box ul li .share-box{
    margin-top: 220px;
  }
  .voices-width{
    width: 209px;
  }
  .voices-div-hide{
    display: inline-block;
  }
  .voices-div-width{
    width: 100%;
  }
  .voices-height{
    height: 209px;
  }
  .main-div{
    height:594px;
  }
  .main-img{
    height:594px;
    width: 100%;
  }
  .we-do-margin{
    margin-top: 15px;
  }
}
@media screen and (min-width:1025px) {
  #latest-box ul li .share-box{
    margin-top:  220px;
  }
  #latest-box ul li .share-box{
    margin-top: 220px;
  }
  .voices-width{
    width: 209px;
  }
  .voices-div-hide{
    display: inline-block;
  }
  .voices-div-width{
    width: 100%;
  }
  .voices-height{
    height: 209px;
  }
  .main-div{
    height:594px;
  }
  .main-img{
    height:594px;
    width: 100%;
  }
  .we-do-margin{
    margin-top: 15px;
  }
}
@media screen and (min-device-width:1025px) and (max-device-width: 1440px){
  #latest-box ul li .share-box{
    margin-top: 360px;
  }
  .voices-width{
    width: 222px;
  }

  .voices-div-hide{
    display: inline-block;
  }
  .voices-div-width{
    width: 100%;
  }
  .voices-height{
    height: 222px;
  }
  .main-div{
    height:594px;
  }
  .main-img{
    height:594px;
    width: 100%;
  }
  .we-do-margin{
    margin-top: 15px;
  }
}
img.rounded-corners {
  border-radius: 15px;
}
video.rounded-corners {
  border-radius: 15px;
}