*{font-family:'Lato',sans-serif}
.overflowHidden{width:100%;float:left;overflow-x:hidden}
.container{max-width:100%}
.customwrapper{width:1420px;margin:0 auto}
.carousel-item img{width:100%}
.headertop{clear:both;min-height:auto;margin-bottom:20px;background:#f5f5f5}
.headertop a{color:#000}
.headertop .logo{width:100%;float:left;padding:20px 0}
.headertop .topMenu{width:100%;float:left;text-align:right}
.headertop .topMenu ul{width:100%;float:left}
.headertop .topMenu li{display:inline-block;list-style:none;padding:0 10px;border-right:1px solid #000;font-size:12px;text-transform:uppercase;line-height:12px}
.headertop .topMenu li:last-child{border:0}

.headertop .bottomMenu ul{width:100%;float:left;margin:0;padding:0}
.headertop .bottomMenu li{display:inline-block;list-style:none;padding:0 10px;border-right:1px solid #000;font-size:14px;text-transform:uppercase;line-height:15px}
.headertop .bottomMenu li:last-child{border:0}
.loadMoreSection{width:100%;float:left;text-align:left}
.loadMoreSection #loadMore.grayButton{display:inline-block;float:none}
.yellowTag{width:auto;float:left;background:#ccb80c;font-size:14px;color:#000;padding:5px 15px;text-transform:uppercase;font-weight:700;margin-bottom:5px}
.yellowTag a{background:#ccb80c;font-size:14px;color:#000;text-transform:uppercase;font-weight:700}
.redButton{width:auto;float:left;display:flex;background:#d61f26;font-size:14px;color:#fff;padding:10px 15px;text-transform:uppercase;font-weight:400;height:37px}
.redButton a{background:#d61f26;font-size:14px;color:#fff;text-transform:uppercase;font-weight:400}
.grayButton{width:auto;float:left;display:flex;background:#ccc;font-size:14px;color:#000;padding:5px 15px;text-transform:uppercase;font-weight:400}
.grayButton a{background:#ccc;font-size:14px;color:#000;text-transform:uppercase;font-weight:400}
.blueButton{width:auto;float:left;display:flex;background:#0479d3;font-size:14px;color:#fff;padding:5px 15px;text-transform:uppercase;font-weight:400}
.blueButton a{background:#0479d3;font-size:13px;color:#fff;text-transform:uppercase;font-weight:400}
.greenButton{width:auto;float:left;display:flex;background:#076b0e;font-size:14px;color:#fff;padding:5px 15px;text-transform:uppercase;font-weight:400}
.greenButton a{background:#076b0e;font-size:14px;color:#fff;text-transform:uppercase;font-weight:400}
.skyblueButton{width:auto;float:left;display:flex;background:#04b0c4;font-size:14px;color:#fff;padding:5px 15px;text-transform:uppercase;font-weight:400}
.skyblueButton a{background:#04b0c4;font-size:14px;color:#fff;text-transform:uppercase;font-weight:400}
.borderNone{border-right:none!important}
.leftPadding{padding-left:0!important}
.desktop{display:block}
.mobile{display:none}
.leftSection{width:100%;float:left}
.leftSection .bannerSection{width:100%;float:left;position:relative}
.leftSection .bannerSection img{width:100%}
.leftSection .bannerSection .bannerHeading{width:100%;float:left;position:absolute;bottom:30px;left:20px}
.leftSection .bannerSection .bannerHeading h1{font-size:44px;color:#fff;padding:5px 0;margin:0}
.leftSection .bannerSection .bannerHeading p{font-size:14px;color:#fff}
.storiesSection{width:100%;float:left;padding:10px;padding-right:0;padding-left:15px}
.storiesSection h1{font-size:34px;color:#01458e;margin-bottom:20px}
.storiesSection .leftHead{font-size:24px;position:relative;top:-5px}
.storiesSection .leftHead span{position:relative;top:5px;font-size:24px;font-weight:600}
.storiesSection .storyCategory{width:100%;float:left;padding:10px 20px 0;border:1px solid #ddd}
.storiesSection .storyCategory .categorySection{width:100%;float:left;padding:15px 0 0}
.storiesSection .storyCategory .categorySection .col-6.Img{padding-right:0}
.paddingBottom{padding-bottom:30px}
.storiesSection .storyCategory .categorySection .Img img{width:100%;height:150px;object-fit:cover}
.storiesSection .storyCategory .categorySection .description{padding-top:10px}
.storiesSection .storyCategory .categorySection .description p{font-size:14px;padding-left:10px}
.caseMainSection{width:100%;float:left;padding:30px 20px 10px;padding-right:0}
.caseMainSection .caseBox{width:100%;float:left;position:relative;padding:20px;margin-top:20px;box-shadow:0 0 20px #ddd;transition:.6s}
.caseMainSection .caseBox:hover{box-shadow:0 0 20px #00000052;transition:.6s}
.caseMainSection .caseBox img{width:100%;height:173px;object-fit:cover}
.caseMainSection .caseBox p{font-size:16px;font-weight:700;padding-top:10px;margin-bottom:0;color:#000}
.caseMainSection .detailButton{width:100%;float:left;text-align:right;margin-top:10px}
.caseMainSection .detailButton a{font-size:14px;color:#fff;font-weight:400;background:#d71f27;padding:7px 12px;text-align:center}
.VideoSection{width:100%;float:left;border:1px solid #dedede;padding:10px}
.VideoSection .videoThumnail{width:100%;float:left}
.VideoSection .videoThumnail .thumnail{width:100%;display:inline-block}
.VideoSection .videoThumnail .thumnail a{color:#000}
.VideoSection.imageGallery{margin-top:15px}
.VideoSection .caseBox{width:100%;float:left;margin-top:10px}
.VideoSection .caseBox img{width:100%}
.VideoSection .caseBox p{font-size:16px;font-weight:400;padding-top:10px;margin-bottom:0}
.VideoSection .mainVideo{position:relative}
.VideoSection .mainVideo img{width:100%;padding-top:5px}
.VideoSection .mainVideo .playIcon{width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.VideoSection .mainVideo .bannerHeading{position:absolute;bottom:10px;left:15px}
.VideoSection .mainVideo .bannerHeading h1{color:#fff;margin:5px 20px 0;width:90%;display:inline-block;font-size:18px;font-weight:400}
.VideoSection .mainVideo .bannerHeading span{color:#ddd;position:relative;left:20px}
.videoplayIcon{width:100%;float:left;position:relative}
.videoplayIcon .playIcon{width:25%!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.owl-nav .owl-next{font-size:30px!important;outline:none}
.owl-nav .owl-prev{font-size:30px!important;outline:none}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:block}
.owl-carousel.owl-loaded{height:195px}
.formSection{width:100%;float:right;background:url(../images/gmail-bg-img.jpg)right top no-repeat;position:relative;top:5px;margin-bottom:40px}
.socialSection{width:100%;float:left}
.socialSection .leftHead{width:100%;float:left}
.socialSection .leftHead span{font-size:24px;font-weight:800;text-transform:capitalize}
.socialSection .leftHead img{vertical-align:baseline;padding-right:5px;position:relative}
.socialSection .form .Emailbox{width:70%;float:left;position:relative}
.socialSection .form .Emailbox input{width:100%;float:left;padding:15px 30px;padding-right:10px;border-radius:60px;box-shadow:0 0 20px #ddd;color:#676767;border:1px solid #dadada;font-size:15px}
.socialSection .form .Emailbox img{position:absolute;top:6px;right:24px;cursor:pointer}
.socialSection .form .Emailbox input::placeholder{color:#676767;opacity:1}
.socialSection .form .Emailbox input:-ms-input-placeholder{color:#676767}
.socialSection .form .Emailbox input::-ms-input-placeholder{color:#676767}
.socialSection .form .social{width:70%;float:left;margin-top:0}
.socialSection .form .social ul{width:100%;float:left;padding:0;margin:0}
.socialSection .form .social li{width:100%;float:left;padding:15px 30px;padding-right:10px;margin-bottom:20px;font-size:15px;border:1px solid #dadada;background:#fff;border-radius:60px;color:#3c5a99;font-weight:700;list-style:none;position:relative;cursor:pointer}
.socialSection .form .social li:nth-child(2){color:#1da1f2}
.socialSection .form .social li:nth-child(3){color:#833ab4}
.socialSection .form .social img{position:absolute;top:6px;right:7px;cursor:pointer}
.custumBreadcrumb{width:100%;float:left}
.custumBreadcrumb ol{background:transparent}
.custumBreadcrumb ol li a{font-size:12px;color:#010101;text-transform:uppercase}
.custumBreadcrumb ol .breadcrumb-item.active{font-size:12px;color:#000;line-height:25px;text-transform:uppercase;font-weight:700}
.banner{width:100%;float:left;position:relative;background:#fff;box-shadow:0 0 20px #ddd;padding:10px;height:auto}
.banner img{width:100%}
.bannerContent{position:absolute;left:20px;bottom:20px}
.bannerContent .grayButton a{font-size:30px;color:#333}
.bannerContent h1{float:left;font-size:34px;color:#fff;margin-bottom:0;margin-left:20px}
.bannerContent p{font-size:18px;color:#fff;margin-left:20px}
.detailSection{width:100%;float:left;padding:0;margin-top:20px;margin-bottom:20px}
.detailSection .col-xl-12 .col-xl-8{padding:0}
.contentSection{width:98%;float:left;box-shadow:0 0 20px #ddd;padding:20px;background:#fff;font-size:14px}
.contentSection p{font-size:14px;color:#282828;margin-bottom:20px}
.contentSection img{padding:10px 0 20px}
.footerSocialSection{width:100%;float:left}
.footerSocialSection .leftSection{width:50%;float:left}
.footerSocialSection .leftSection img{position:relative;top:2px;padding-right:5px}
.footerSocialSection .rightSection{width:50%;float:left}
.footerSocialSection .rightSection .date{width:65%;float:left;text-align:right;margin-top:10px}
.footerSocialSection .rightSection img{position:relative;top:2px;padding-right:5px}
.footerSocialSection .rightSection ul{width:35%;float:left;padding:0;margin:0;text-align:right}
.footerSocialSection .rightSection li{width:auto;display:inline-block;list-style:none;cursor:pointer}
.readMoreArticle.listingreadMoreArticle{display:inline-block}
.readMoreArticle .leftHead{width:100%;float:left}
.readMoreArticle .leftHead span{font-size:24px;font-weight:400;text-transform:capitalize;padding-left:8px}
.readMoreArticle .leftHead img{vertical-align:baseline;position:relative;top:5px}
.readMoreArticle .redButton{width:100%;float:left;display:inherit;text-align:center;margin-top:30px}
.readMoreArticle .redButton a{padding:10px 40px;float:none;display:inline-block}
.articleSection{width:100%;float:left;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #ddd}
.articleSection .leftSection{width:30%;float:left}
.articleSection .leftSection img{width:100%;height:83px;object-fit:cover}
.articleSection .rightSection{width:70%;float:left;padding:10px;padding-top:5px}
.articleSection .rightSection p{padding-top:5px;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;float:left;text-align:left}
.detailSection .socialSection .leftHead span{color:#000}
.readMoreArticle .yearSection{width:100%;float:left;margin-top:20px;padding:0 40px}
.readMoreArticle .yearSection ul{width:100%;float:left;margin:0;padding:0}
.readMoreArticle .yearSection li{width:31.33%;float:left;list-style:none;border:1px solid #ddd;text-align:center;padding:10px;color:#547bae;margin-left:3%;margin-bottom:3%}
.readMoreArticle .yearSection li:first-child{margin:0}
.readMoreArticle .yearSection li:nth-child(4){margin:0}
.formSection.categoryDetailFrom{top:30px;left:30px}
.footer .col-xl-6 a{color:#676767}
.environmentBanner{width:98%}
.environmentBanner .bannerContent{position:absolute;left:14px;bottom:120px}
.environmentBanner .bannerContent .greenButton a{font-size:22px}
.boxSection{width:100%;float:left;margin-top:30px;margin-bottom:20px}
.boxSection button#loadMore{left:75%;position:relative;padding-top:0!important;background:#000;font-size:14px;color:#fff;text-transform:uppercase;font-weight:700;border:0;margin-top:10px}
.boxSection ul{width:100%;float:left;margin:0;padding:0}
.boxSection ul li{height:380px;width:48%;float:left;list-style:none;background:#fff;padding:15px;margin-right:2%;margin-bottom:2%;transition:.8s;position:relative;box-shadow:0 0 20px #ddd}
.boxSection ul li:hover{box-shadow:0 0 15px #888;transition:.8s}
.boxSection ul li:hover .socialArticle{opacity:1;transition:.6s}
.boxSection ul li:first-child{margin-left:0}
.boxSection ul li img{width:100%;height:242px;object-fit:cover}
.boxSection ul li p{font-size:16px;font-weight:700;margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.boxSection ul li span{font-size:14px;font-weight:700}
.boxSection ul li .detailButton{width:100%;float:left;text-align:right;position:absolute;bottom:4%;right:3%}
.boxSection ul li .socialArticle{width:11%;float:left;text-align:center;position:absolute;top:10px;right:10px;padding:10px;opacity:0;transition:.6s}
.boxSection ul li .socialArticle a{width:100%;float:left;margin-bottom:5px}
.boxSection ul li .socialArticle img{width:auto}
.floating-component .floating-item .assistance .rows .rowitems .roadside{margin-top:10px}
.listingbannerContent .grayButton a{font-size:12px}
.listingbannerContent{position:absolute;left:15px;bottom:50px}
.listingFromSection{background:#fff;padding:0;display:inline-block;float:none}
.listingFromSection .socialSection .leftHead span{color:#000;margin-bottom:15px;display:block;margin-left:20px}
.listingFromSection .socialSection .form .col-xl-12{padding-left:0}
.listingFromSection .socialSection .form .Emailbox{width:100%}
.listingFromSection .socialSection .form .social{width:100%;margin-top:20px}
.listingbanner h1,.listingbanner p{margin-bottom:0}
.listingbanner p{font-size:13px}
.listingbanner h2{text-transform:uppercase;font-size:34px}
.banner span{font-size:14px;font-weight:700}
.bottombgImage{width:100%;float:left;position:relative}
.bottombgImage img{width:100%;position:absolute;bottom:0;z-index:-1}
.bottomPagination{width:34%;margin:0 auto}
.bottomPagination ul{width:100%;float:left;padding:0;margin:0}
.bottomPagination li{font-size:16px;color:#000;list-style:none;float:left;margin:50px 5px 70px;padding:8px 15px;border-radius:50%;cursor:pointer}
.bottomPagination li.active{background:#076b0e;color:#fff}
.bottomPagination li:last-child{background:#fff;color:#000;border-radius:50px;text-transform:uppercase;font-size:12px;padding:10px 20px}
.yearSelection{width:100%;float:left;text-align:right;position:relative;top:20px}
.yearSelection label{padding-right:15px;font-size:14px}
.select:focus{outline:none}
.videosOptionSection{width:100%;float:left;padding:40px;box-shadow:0 0 20px #ddd;margin-top:30px}
.videosOptionSection .col-xl-4{position:relative}
.videosOptionSection .col-xl-4 img{width:100%;margin-bottom:30px}
.videosOptionSection .col-xl-4 .bannerContent .grayButton a{font-size:13px}
.videosOptionSection .col-xl-4 .bannerContent h1{font-size:16px}
.bannerSlide{width:100%;float:left;position:relative}
.bannerSlide iframe{width:100%;height:540px}
.bannerSlide .bannerContent{left:0}
.bannerSlide .bannerContent span{width:100%;float:left;color:#ddd;padding-left:20px}

.carousel-indicators li{width:180px;height:auto}
.carousel-indicators .active{width:180px;height:115px;background:#000;color:#fff;padding:10px;padding-top:0;font-weight:600}
.carousel-control-next-icon{height:30px;background:url(../images/video/nextIcon.png)right top no-repeat}
.carousel-control-next{top:inherit;bottom:50px}
.carousel-control-prev-icon{height:30px;background:url(../images/video/prevIcon.png)right top no-repeat}
.carousel-control-prev{top:inherit;bottom:50px}
.videosOptionSection .bannerContent{bottom:40px;left:15px}
.videosOptionSection .bannerContent span{width:100%;float:left;color:#999;margin-left:20px;margin-top:0}
.videosOptionSection .col-xl-4 .playIcon{width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.footer .col-xl-6.category-enviroment{color:#676767!important;text-align:left!important;float:left}
.carousel-indicators li span{position:relative;top:2px;font-weight:400}
.footer{width:100%;float:left;font-size:14px;color:#676767;background:#f1f1f1;padding:20px;margin-top:30px}
.footer.listingFooter{margin-top:0}
.footer.listingFooter a{color:#676767;font-weight:700}
.footer .col-xl-6:last-child{text-align:right;color:#ddd}
.footer .col-xl-6:last-child a{color:#676767;padding-left:31px}
.otperror{font-family:'Lato',sans-serif;color:red;padding-left:20px}
#show-otp{display:none}
.bottomMenu.float-left ul.align-right li a:hover{background:#e9e9e9;color:#6f88ae}
.bottomMenu.float-left ul.align-right{text-align:center;overflow:hidden;display:block;width:100%}
.bottomMenu.float-left ul.align-right li{display:inline-block;list-style:none;border:none}
.bottomMenu.float-left ul.align-right li a{padding:10px;font-size:14px;line-height:41px;text-transform:capitalize}
section.headertop{height:auto}
#padding-breadcrumb-wrapper{background-color:#fff;z-index:0;position:relative;display:inline-block;width:auto}
#padding-content-wrapper{background-color:#fff!important;float:left;width:100%;position:relative;z-index:0}
#padding-content-wrapper .listingbanner .col-12 h1{font-size:34px;color:#000;font-weight:400}
#padding-content-wrapper .listingbanner .col-12 p{font-size:16px;padding-top:0;padding-bottom:3px}
#padding-content-wrapper .listingbanner .col-12 span{font-size:14px}
#padding-content-wrapper #top-articles-wrapper .rightSection div:first-child{width:auto}
#padding-content-wrapper #subscribe-wrapper .socialSection .leftHead span{font-size:34px}
#padding-content-wrapper .listingbanner .col-12 img:first-child{height:300px;object-fit:cover}
#padding-content-wrapper #top-articles-wrapper .articleSection:last-child{border-bottom:none;text-align:center}
#padding-content-wrapper .btn-viewall{font-size:14px;background-color:#d71f27;color:#fff;width:132px;border-radius:0;height:40px}
#padding-content-wrapper .btn-viewall a{color:#fff}
#padding-content-wrapper .btn-readmore{font-size:14px;background-color:#d71f27;color:#fff;width:110px;border-radius:0}
#padding-content-wrapper .bgcolor-filter-wrapper{background-color:#fff}
.carousel-indicators{width:100%;margin-left:0;margin-bottom:0;position:relative;top:0}
.homesection-wrapper .bannerSection .bannerHeading{position:absolute;top:63%;left:5%}
.homesection-wrapper .bannerHeading h1,.homesection-wrapper .bannerHeading p{color:#fff}
.homesection-wrapper .bannerHeading h1{font-size:44px;margin-bottom:1px}
.homesection-wrapper .bannerSection img{height:462px;object-fit:cover;width:100%}
.homesection-wrapper .storiesSection{background-color:#fff}
.homesection-wrapper .description .desktop{display:-webkit-box;margin:0 auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
#slider-custom .carousel-indicators .active{width:180px;height:auto;background:#fff}
#carousel-thumb-video .bannerHeading{position:absolute;top:70%}
#carousel-thumb .carousel-control-next{top:inherit;bottom:34px;right:-40px;display:none}
#carousel-thumb .carousel-control-prev{top:inherit;bottom:34px;left:-40px;display:none}
#carousel-thumb-video .carousel-control-prev{top:inherit;bottom:146px;left:-37px;display:none}
#carousel-thumb-video .carousel-control-next{top:inherit;bottom:146px;right:-37px;display:none}
#carousel-thumb-video .carousel-indicators li,#carousel-thumb .carousel-indicators li{display:none;opacity:1;padding:0}
#carousel-thumb-video .carousel-indicators li img,#carousel-thumb .carousel-indicators li img{display:none;opacity:1;height:85px;object-fit:cover}
#carousel-thumb-video .carousel-indicators li:first-child,#carousel-thumb-video .carousel-indicators li:nth-child(2),#carousel-thumb-video .carousel-indicators li:nth-child(3),#carousel-thumb .carousel-indicators li:first-child,#carousel-thumb .carousel-indicators li:nth-child(2),#carousel-thumb .carousel-indicators li:nth-child(3){display:block}
.video-content-section h1,.image-content-section h1{font-size:20px;margin-bottom:0}
.video-content-section,.image-content-section{position:absolute;top:70%}
#carousel-thumb .carousel-item img{height:205px;object-fit:cover}
.homesection-wrapper .bannerHeading p{font-size:14px;margin-bottom:10px}
.sub-navigation ul li{display:inline-block;position:relative;font-size:16px;padding-right:20px}
.sub-navigation ul li a{color:#585858;font-family:"Lato Regular",sans-serif;display:block;padding:8px;text-decoration:none}
.sub-navigation ul li a:hover{background:#e9e9e9;color:#6f88ae;font-family:"Lato Black",sans-serif}
.sub-navigation ul li.active>a{font-family:"Lato Black",sans-serif;background:none;color:#585858}
.sub-navigation ul li ul{display:none;position:absolute;top:100%;width:240px;left:0;background:#fff;text-align:left;z-index:999}
.sub-navigation ul li ul li{display:block;width:100%;clear:both;text-align:left;background:#f5f5f5;border-bottom:solid 1px #ccc;padding-right:0;line-height:42px;font-weight:400;font-size:15px;padding-left:0!important}
.sub-navigation ul li ul li a{padding:5px 0 5px 30px;text-align:left;color:#585858}
.sub-navigation ul li ul li a:hover{background:#e9e9e9;color:#6f88ae}
.sub-navigation.dealer-nav{background:#105da9}
.sub-navigation.dealer-nav ul>li.active>a{color:#fff;font-family:"Lato Black",sans-serif;background:none}
.sub-navigation.dealer-nav ul>li>a{color:#fff;text-decoration:none}
.sub-navigation.dealer-nav ul>li>a:hover{background:none;color:#fff;font-family:"Lato Black",sans-serif}
.sub-navigation.dealer-nav ul>li>a .active{color:#fff;font-family:"Lato Black",sans-serif;background:none}
.sub-navigation.dealer-nav ul>li ul li a{color:#585858;text-decoration:none;background:none}
.sub-navigation.dealer-nav ul>li ul li a:hover{background:none;color:#6f88ae}


.list-unstyled{height:30px;width:150px;border:1px #000 solid;background:url(../images/down-arrow-red.png);background-repeat:no-repeat}
.list-unstyled li{padding:5px 10px;z-index:2;float:left}
.list-unstyled li:not(.init){float:left;width:130px;display:none;background:#ddd}
.list-unstyled li:not(.init):hover,.list-unstyled li.selected:not(.init){background:#09f}
.list-unstyled.init{cursor:pointer}
.list-unstyled a#submit{z-index:1}
.yearSelection select::-ms-expand{display:none;}
.yearSelection select:focus{outline:none}
.LightPink{width:auto;float:left;background:red;font-size:14px;color:#000;padding:5px 15px;text-transform:uppercase;font-weight:700;margin-bottom:5px}
.article-detail-page .fieldset{position:absolute;font-size:16px;padding-top:5px;float:left}
.article-detail-page .carousel-item img{width:100%;height:486px;object-fit:cover}
.article-detail-page #carousel-thumb-video .carousel-indicators li,.article-detail-page #carousel-thumb .carousel-indicators li{display:block;opacity:1}
.article-detail-page #carousel-thumb-video .carousel-indicators li img{height:121px}
.article-detail-page .bannerHeading h1{color:#fff}
.article-detail-page .bannerHeading p{color:#fff;font-size:18px}
.article-detail-page .bannerHeading h1,.article-detail-page .bannerHeading p{position:relative;left:15px}
.article-detail-page #carousel-thumb-video .carousel-control-prev{top:inherit;bottom:65px;left:-7%;display:block}
.article-detail-page #carousel-thumb-video .carousel-control-next{top:inherit;bottom:65px;right:-7%;display:block}
.article-detail-page .carousel-indicators{width:95%;text-align:center;left:28px}
.article-detail-page .bannerHeading a{font-size:24px}
.article-detail-page #carousel-thumb-video .carousel-indicators .active{height:192px;background-color:#01458E;padding:5px;border-radius:3px}
.article-detail-page #carousel-thumb-video .carousel-indicators{margin-top:15px}
.content-indicate{font-size:16px;position:relative;top:10px;text-align:left}
.yearwise{width:90%;left:10%;position:relative;display:none}
.yearwise:first-child{margin-top:20px}
.yearwise .year{text-align:center;border:solid 1px #3c5a99;padding:10px;font-size:16px;margin-bottom:20px}
.viewll-center{text-align:center}
.homesection-wrapper .w-100{text-align:left}
.homesection-wrapper .carousel-indicators .active{width:180px;height:115px;background:#000;color:#000;padding:10px;padding-top:0;font-weight:400}
.storiesSection .row{margin-bottom:5px}
.storiesSection .bannerHeading h1{font-size:18px;font-weight:800;padding-left:12px}
.storiesSection .bannerHeading p{font-size:16px;font-weight:400;padding-left:12px}
.storiesSection #slider-custom .carousel-item img,.storiesSection #slider-custom .carousel-item iframe{height:312px}
.shadow{position:absolute;width:100%;height:100%;box-shadow:inset 0 -42px 34px 0 #000!important;top:0;left:0}
.shadoweffect{position:absolute;width:94%;height:100%;box-shadow:inset 0 -42px 34px 0 #000!important;top:0;left:3%}
.wrap-same p{font-size:16px}
.casestudy-section-wrapper .bannerHeading{position:absolute!important;bottom:0!important;left:0!important}
.casestudy-section-wrapper .bannerHeading a{font-size:24px!important}
.casestudy-section-wrapper .bannerHeading h1,.casestudy-section-wrapper .bannerHeading p{padding-left:15px!important}
.casestudy-section-wrapper .bannerHeading h1{padding-top:15px}
.gallery-wrapper{background-color:#fff;padding:20px}
.gallery-wrapper .grids img,.gallery-wrapper .grids iframe{width:100%;height:300px}
.headertop .bottomMenu{margin-top:-10px!important}
.storiesSectionvideogallery .bannerHeading{position:absolute;top:72%;width:100%}
.storiesSectionvideogallery{width:100%;float:left;padding:10px;padding-right:0;padding-left:15px}
.storiesSectionvideogallery h1{font-size:18px;color:#fff;margin-bottom:0;padding-left:10px}
.storiesSectionvideogallery p{color:rgba(255,255,255,0.52);font-size:14px;margin-bottom:0;padding-left:10px}
.storiesSectionvideogallery .leftHead{font-size:24px;position:relative;top:-5px}
.storiesSectionvideogallery .leftHead span{position:relative;top:5px;font-size:24px;font-weight:600}
.storiesSectionvideogallery .storyCategory{width:100%;float:left;padding:10px 20px 0;border:1px solid #ddd}
.storiesSectionvideogallery .time{position:absolute;top:51px;right:9%;color:#fff}
.storiesSectionvideogallery .col-lg-4{margin-bottom:15px}
.bg-wrapper-environment{background:url(../images/enviroment_bg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;background-attachment:initial}
.bg-wrapper-csr{background:url(../images/Csr.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;background-attachment:initial}
.bg-wrapper-people{background:url(../images/people_bg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;background-attachment:initial}
.bg-wrapper-research{background:url(../images/rd_bg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;background-attachment:initial}
.bg-wrapper-technology{background:url(../images/technology_bg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;background-attachment:initial}
.bannerContent a{font-size:18px!important}
.bottomMenu .align-right .dropbtn:hover .dropdown-content{display:block!important}
.headertop .bottomMenu .dropdown-content{width:auto!important}
.dropdown-content{display:none;position:absolute;background-color:red;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:99}
.dropdown-content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left;line-height:initial}
.dropdown-content a:hover{background-color:#ddd}
.yearSelection select{box-shadow:0 0 20px #ddd}
.bgcolor-filter-wrapper{float:left;border:solid 1px #ddd;margin-top:15px}
#padding-content-wrapper .listingbanner .col-12 p:last-child{font-weight:800}
.sub-navigation{background:#f5f5f5;clear:both;height:auto;border-top:solid 1px #ebebeb}
.sub-navigation .container{width:100%}
.sub-navigation ul{list-style-type:none;text-align:center;width:100%;margin:0}
.sub-navigation ul li:hover{font-weight:500;cursor:pointer;color:#164b91}
.sub-navigation-left{left:20%;position:relative}
.sub-navigation-right ul li{padding-right:0!important}
.sub-navigation-right ul li a{padding:8px!important}
.footer-sticky.sticky-nav{display:none!important}
span.video-tittle{font-size:16px!important}
span.image-tittle{font-size:14px!important}
span.Subscribe-tittle{font-family:'Lato',sans-serif;margin:10px 15px!important;line-height:22px!important;font-size:22px!important;font-weight:600!important}
p.desktop{text-transform:uppercase;font-size:13px!important;color:#000!important;font-weight:600}
p.mobile{display:none}
.detail-readmore div#top-articles-wrapper{margin-top:0}
h1.artical-page-tittle{margin:5px 0;font-size:22px!important;text-transform:capitalize}
div#sync2 button.owl-prev{background:#164b91;color:#fff;height:30px;width:30px;margin:15px 0 0;position:relative}
div#sync2 button.owl-prev span{margin:0;position:absolute;top:-11px;left:0;right:0}
div#sync2 button.owl-next{background:#164b91;color:#fff;height:30px;width:30px;margin:15px 0 0;position:relative}
div#sync2 button.owl-next span{margin:0;position:absolute;top:-11px;left:0;right:0}
button.owl-prev.disabled{background:#96a1a7!important;cursor:copy}
button.owl-next.disabled{background:#96a1a7!important;cursor:copy}
.first-input{margin-bottom:15px}
input#email-get{padding-left:15px}
div#defaultModal .overlayContent.loginbox .footer{display:none}
.signUpBox .blueButton{background:none;padding:0}
#defaultModal .modal-dialog{max-width:630px!important}
.signUpBox .blueButton a#lnkOTP:hover{color:#fff}
header .utilityWrapper .utilityItems li.phone a{font-size:14px}
.signUpBox .blueButton a#lnkOTP{background-color:#2d3393}
p#div-Success{margin:0;text-align:center;margin-bottom:0;font-weight:600;font-size:13px!important}
.sub-navigation ul li:hover ul{display:block!important}
@media screen and (max-width: 1366px) {
.yellowTag a{padding:0;font-size:12px}
.redButton a{padding:0;font-size:12px}
.grayButton a{padding:0;font-size:12px}
.blueButton a{padding:0;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:auto}
.greenButton a{padding:0;font-size:12px}
.skyblueButton a{padding:0;font-size:12px}
.caseMainSection .caseBox{padding:10px 10px 15px}
.caseMainSection .caseBox p{font-size:12px;height:40px}
.footer{margin:0}
.listingbannerContent{bottom:50px}
.footerSocialSection .rightSection .date{width:55%}
.footerSocialSection .rightSection ul{width:45%}
.socialSection .form .Emailbox{width:90%}
.socialSection .form .social{width:90%}
.formSection.categoryDetailFrom{top:0}
.readMoreArticle .leftHead span{font-size:18px}
.container{max-width:100%}
.readMoreArticle.listingreadMoreArticle .leftHead span{font-size:24px}
.VideoSection .mainVideo .bannerHeading h1{font-size:15px}
.VideoSection .mainVideo .bannerHeading span{font-size:12px}
.bottomPagination{width:44%}
.carousel-indicators li span{font-size:16px;position:relative;top:5px}
.bannerSlide .bannerContent .grayButton a{font-size:25px}
.bannerSlide .bannerContent h1{font-size:22px}
.VideoSection.imageGallery{width:100%}
}
@media screen and (max-width: 1024px) {
.socialSection .form .Emailbox{width:100%}
.socialSection .form .social{width:100%}
.leftPadding{padding-left:15px!important}
.bottomPagination{width:50%}
.socialSection .form .Emailbox input{padding:15px 20px}
.readMoreArticle .leftHead span{font-size:16px}
.readMoreArticle .leftHead img{vertical-align:bottom}
.formSection.categoryDetailFrom{top:10px}
.bannerContent{width:90%}
.bannerContent p{font-size:16px}
.footerSocialSection .rightSection .date{width:40%}
.footerSocialSection .rightSection ul{width:60%}
button.owl-prev{top:75%}
button.owl-next{top:75%}
.storiesSection.caseMainSection{margin-top:60px}
.formSection{margin-top:80px}
.caseMainSection .caseBox{height:auto}
}
@media screen and (max-width: 992px) {
.storiesSection .storyCategory .categorySection .description p{font-size:12px;padding-top:5px;line-height:15px}
.caseMainSection{width:97.5%}
.socialSection{width:60%;margin:0 auto;float:none}
.formSection{margin-top:30px}
.formSection.categoryDetailFrom{top:0}
.bottomPagination{width:45%}
.readMoreArticle.listingreadMoreArticle{margin-left:0}
.listingFromSection{left:0}
.carousel-indicators li span{display:none}
.caseMainSection .caseBox p{height:auto}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.sub-navigation ul{white-space:nowrap;overflow-y:hidden;overflow-x:auto}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.sub-navigation ul{white-space:nowrap;overflow-y:hidden;overflow-x:auto}
#padding-breadcrumb-wrapper,#padding-content-wrapper{padding-left:0;padding-right:0}
#padding-content-wrapper .listingbanner .col-12 img:first-child{height:150px}
.banner{height:auto}
.boxSection ul li{height:auto}
#padding-content-wrapper .bgcolor-filter-wrapper{margin-right:0;margin-left:0}
#padding-content-wrapper .btn-viewall{margin-bottom:15px}
#padding-content-wrapper #subscribe-wrapper .Emailbox{margin-bottom:0}
.greenButton{padding:0}
.boxSection ul li img{height:200px}
.container{max-width:98%}
.homesection-wrapper .bannerHeading h1,.homesection-wrapper .bannerHeading p{color:#000}
.boxSection ul li .detailButton{position:relative}
.boxSection button#loadMore{left:0;position:relative}
.homesection-wrapper .bannerSection .bannerHeading{position:relative;top:50%;left:0;background-color:#fff;padding:10px;height:186px}
.greenButton,.grayButton,.blueButton,.skyblueButton{padding:5px 10px}
.redButton{padding:10px}
.blueButton a{padding:0;font-size:12px;text-overflow:inherit;overflow:visible;white-space:normal;width:100%}
.article-detail-page .carousel-indicators{width:100%;text-align:center;left:0}
.article-detail-page #carousel-thumb-video .carousel-indicators li{display:none}
.homesection-wrapper .bannerSection img{height:auto;object-fit:cover}
.homesection-wrapper .bannerHeading h1{font-size:24px;margin-bottom:6px}
.storiesSection .storyCategory .categorySection .Img img{width:100%;height:auto;object-fit:cover}
.caseMainSection .caseBox img{width:100%;height:auto;object-fit:cover}
.article-detail-page .carousel-item img{width:100%;height:auto;object-fit:cover}
.article-detail-page #carousel-thumb-video .carousel-indicators li img{height:auto}
.casestudy-section-wrapper .bannerSection .bannerHeading{background-color:transparent}
.casestudy-section-wrapper .bannerHeading h1,.casestudy-section-wrapper .bannerHeading p{color:#fff}
.wrap-same p{padding:15px}
.wrap-same h3{padding-left:15px}
#carousel-thumb-video iframe{height:300px}
}
@media screen and (max-width: 568px) {
.leftSection .bannerSection .bannerHeading h1{font-size:18px}
.leftSection .bannerSection .bannerHeading p{font-size:12px;line-height:14px;margin-bottom:6px;display:none}
.leftSection .bannerSection .bannerHeading{width:90%;bottom:10px;left:5px}
.storiesSection h1{font-size:18px;margin-top:0;margin-bottom:10px}
.VideoSection .videoThumnail .thumnail{width:100%}
button.owl-next{top:45%}
button.owl-prev{top:45%}
.socialSection{width:100%;padding:10px}
.readMoreArticle{margin-top:5%;background:transparent}
.caseMainSection{width:100%;padding:15px}
.storiesSection .leftHead span{font-size:16px}
.VideoSection .caseBox p{font-size:14px;line-height:18px}
.centerContent{text-align:center!important}
.footer .col-xl-6:last-child a{padding:10px;padding:10px 7px}
.banner{padding:0}
.bannerContent p{font-size:12px}
.bannerContent h1{font-size:18px}
.bannerContent .grayButton a{font-size:12px;padding:4px 6px}
.bannerContent{width:auto;bottom:10px;left:15px}
.contentSection{padding:15px}
.footerSocialSection .leftSection{width:100%}
.footerSocialSection .rightSection{width:100%}
.formSection.categoryDetailFrom{left:0}
.detailSection .col-sm-12{padding:0}
.paddingBottom{padding-bottom:10px}
.storiesSection{width:100%;float:left;padding:15px;padding-bottom:0;margin-top:20px}
.storiesSection .storyCategory .categorySection .description{padding-top:0}
.storiesSection .storyCategory .categorySection .description p{font-size:14px;padding-top:5px;line-height:18px}
.VideoSection.imageGallery{margin-top:25px;padding:0 15px!important;width:100%}
.caseMainSection .caseBox{margin-top:25px}
.footer .col-xl-6:last-child{margin-top:5px}
.storiesSection .storyCategory{padding:0;border:transparent}
.mobile{display:block}
.storiesSection.VideoSection{padding:0;border:0;margin-top:30px}
.VideoSection .mainVideo .bannerHeading h1{font-size:14px}
.socialSection .form .social{margin-top:20px}
.boxSection ul li .socialArticle{width:15%}
.headertop{width:100%}
.headertop .bottomMenu{width:700px;float:left;text-align:left;margin-top:27px;padding:20px;overflow-x:scroll;padding-top:0}
.storiesSection .leftHead{left:10px}
.topMenu.float-right .redButton{padding-right:10px}
.container{padding:0;overflow:hidden}
.boxSection ul li{width:100%;margin-left:0}
.listingbanner h2{font-size:18px}
.listingbanner h1{font-size:20px}
.listingbanner p{font-size:14px}
.bannerContent.listingbannerContent{bottom:30px}
.blueButton{display:block}
.bannerContent .blueButton a{font-size:13px!important}
.bannerSlide iframe{height:200px}
.carousel-control-next{bottom:-8px}
.carousel-control-prev{bottom:-8px}
.banner.listingbanner{padding:10px}
.bottomPagination{width:100%}
.bottomPagination li{font-size:12px;padding:6px 12px;margin:20px 5px 10px}
.bottomPagination li:last-child{padding:0 15px}
.readMoreArticle.listingreadMoreArticle .leftHead span{font-size:15px}
.articleSection .rightSection p{line-height:17px}
.articleSection{padding-bottom:0}
.readMoreArticle.listingreadMoreArticle{box-shadow:none}
.formSection.listingFromSection{background:transparent;padding:0}
.formSection.listingFromSection .socialSection{padding:0}
.videosOptionSection .col-xl-4 .bannerContent h1{font-size:12px}
.bannerSlide .bannerContent .grayButton a{font-size:14px}
.bannerSlide .bannerContent h1{font-size:12px}
.footer .col-xl-6.category-enviroment{text-align:center!important}
.storiesSection.caseMainSection{margin-top:0;padding:0}
}
@media (min-width: 375px) and (max-width: 480px) {
h1.welcome-tittle{font-size:20px}
.col-6.Img{width:100%!important;max-width:100%!important;padding-right:15px!important}
.col-6.description{width:100%!important;max-width:100%}
.mobile-image{margin-bottom:10px}
.contentSection{width:100%;border:solid 1px #ddd;box-shadow:none}
.mobile-artical-detail-design{padding-top:0!important}
.mobile-artical-detail-design .detailSection{margin-top:0}
div#padding-content-wrapper{padding-top:0}
div#padding-content-wrapper h1.welcome-tittle{margin-top:0}
.opaciti-issue .modal-dialog h4{font-size:13px}
.Emailbox.first-input{margin-bottom:20px!important}
p#div-error{margin-bottom:0}
.listingFromSection .socialSection .form .social{margin-top:0}
div#subscribe-wrapper{margin-top:50px!important}
.formSection.listingFromSection{margin-top:10px}
p#div-Success{margin:0;text-align:center;margin-bottom:15px;font-weight:600}
.yearSelection{text-align:left}
.yearSelection select#type{float:right;padding-top:0}
.bannerSection .bannerHeading p{display:block;clear:both;float:left}
.bannerSection .bannerHeading h1{display:block;clear:both;font-size:18px;margin:10px 0;float:left}
.categorySection .col-6.description p.desktop{display:block;float:left}
}
.socialSection .form .social ul li:first-child a{color:#34578f}
.socialSection .form .social ul li:nth-child(2) a{color:#2098ee}
div#sync1{overflow:hidden}
.LightPink a{color:#fff}
.col-6.description .blueButton{background:none}

/* new styles added on 4-4-2022 start */
.bannerSection .greenButton{display: inline-block; float: none; margin-bottom:10px!important;}
.description .grayButton{float: none; display: inline-block; margin-bottom:10px!important;}
.description p{padding-left:0!important;}
.description .blueButton {padding:0; margin-bottom:10px!important;border-radius:0; border:none;float: none; display: inline-block; font-size:12px;}
.description .skyblueButton{float:none; display:inline-block; margin-bottom:10px!important;}
.description .yellowTag{float: none; display:inline-block; margin-bottom:10px!important;}
.description .greenButton, .description .yellowTag, .description .LightPink{float: none; display: inline-block; margin-bottom:10px!important;}
/* new styles added on 4-4-2022 end */
.bannerSection{position:relative;}