.scroll-indicator {
    position: absolute;
    z-index: 9999;
    left: 0;
    bottom: 1rem;
    width: 100%;
    text-align: center;
    display: block;
    animation: bounce 9s 0s ease infinite;
	/*cursor: pointer;*/
   
}

 .scroll-indicator span {
	 font-size: 30px;
	 color: #fff;
}
 .scroll-indicator:hover span {
	 color: #fff;
}

 .scroll-indicator2{
         position: absolute;
    z-index: 9999;
    left: 0;
    bottom: 1rem;
    width: 100%;
    text-align: center;
    display: none;
    animation: bounce 9s 0s ease infinite;
}

 .scroll-indicator2 span {
	 font-size: 30px;
	 color: #fff;
}
 .scroll-indicator2:hover span {
	 color: #fff;
}

.homebanner {
	position: relative;
	height: 100vh;
	display: block;
	padding-top: 35vmin;
	z-index: 1;
}


.newsletter {
    position: relative;
	display: flex;
	height: 46px;
}

.newsletter-content {
    width: 100%;
    font-size: 16px;
	display: block;
}

    .newsletter-wrapper h2 {
        margin-bottom: 10px;
    }
.newsletter-wrapper h2 span { font-size: 1rem; }

.newsletter > button {
	display: flex;
	align-items: center;
   /* top: 2px;
    right: 15px;*/
    font-size: 1rem;
    color: #fff;
	padding: 0 20px;
	font-family: 'Eurostile'; 
  	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
    background: #4e4d4d;
    line-height: 46px;
    border: none;
    outline: none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.newsletter > button span { margin-left: 8px; }

    .newsletter > button:hover {
        color: #fff;
		background: #ef3e33;
    }
.newsletter > button:hover span { margin-right: -5px; }

.newsletter input {
	display: inline-block;
    border: 1px solid #575756;
    margin-bottom: 28px;
    border-radius: 0 !important;
    width: 100%;
    color: #bcbcbb;
    height: 46px;
    padding: 10px 20px;
    background-color: transparent;
    text-align: left;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .newsletter input:focus {
        border-color: rgba(0, 79, 163, .5);
        box-shadow: 0 0 10px 0 rgba(0, 79, 163, .2);
		color: #575756;
        -moz-appearance: none;
        outline: 0px none transparent;
        background-color: #fff;
    }
.newsletter input::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
.newsletter input::-moz-placeholder { color: rgba(255,255,255,0.5); }
.newsletter input:-moz-placeholder { color: rgba(255,255,255,0.5); }
.newsletter input:-ms-input-placeholder { color: rgba(255,255,255,0.5); }
.newsletter input::-ms-input-placeholder { color: rgba(255,255,255,0.5); }
.newsletter input::placeholder { color: rgba(255,255,255,0.5); }

section.products {
	padding: 80px 0 15px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	background-position: center center;
}
section.products:before {
	content:"";
	position: absolute;
	top:0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.39959733893557425) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.39959733893557425) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.39959733893557425) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	width:100%;
	height: 100%;
	z-index: 1;
}

section.products .products-container {
	z-index: 2;
	position: relative;
}

.products-wrapper .owl-item {
  background-color: #000;
  color: white;
  text-align: center;
  padding: 0;
  position: relative;
}

.products-wrapper .owl-item img { 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	 filter: grayscale(100%);
	opacity: 0.8;
	position: relative;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.products-wrapper .owl-item:hover img { 
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
	opacity: 1;
}

.products-wrapper .product-item:after {
	content: "";
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left: 0;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8015581232492998) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8015581232492998) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8015581232492998) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	z-index: 2;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.products-wrapper .owl-item:hover .product-item:after {
	background: rgb(52,15,15,0.8);
	/*background: -moz-linear-gradient(180deg, rgba(52,15,15,0.8) 0%, rgba(52,15,15,0.8) 100%);
	background: -webkit-linear-gradient(180deg, rgba(52,15,15,0.8) 0%, rgba(52,15,15,0.8) 100%);
	background: linear-gradient(180deg, rgba(52,15,15,0.8) 0%, rgba(52,15,15,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#340f0f",endColorstr="#340f0f",GradientType=1);*/
}

.products-wrapper .owl-item h3 { color: #fff; }

.products-wrapper .product-item { position: relative; }
.products-wrapper .product-content {
	position: absolute;
	/*height: 100%;*/
	width: 100%;
	padding: 40px;
	z-index: 3;
	bottom: 0;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.products-wrapper .owl-item:hover .product-content {
	bottom:50px;
}

.products-wrapper .product-content .p-desc {
	opacity: 0;
	visibility: hidden;
	display: none;
	/*bottom: -200px;
	position: absolute;*/
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.products-wrapper .owl-item:hover .product-content .p-desc {
	opacity: 1;
	visibility: visible;
	/*bottom: inherit;*/
	position: relative;
	display: block;
}

.products-wrapper .owl-prev,
.products-wrapper .owl-next {
  display: inline-block;
}
.products-wrapper .owl-next {
  float: right;
}
.products-wrapper .slider-counter {
  font-family: 'Eurostile'; 
  font-weight: bold;
}

section.investors { 
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	background-position: center center;
	color: #fff;
}
section.investors .overlay { 
	background-color:rgba(0,75,154,0.9);
	z-index: 1;
}
section.investors .investors-wrapper { position: relative; z-index: 2;}
section.investors .investors-content { 
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

section.investors .reports-wrapper ul { margin-bottom: 12px;}
section.investors .reports-wrapper ul li { padding:20px 0; border-bottom: solid 1px rgba(255,255,255,0.2); font-weight: 400; display: flex; width:100%; line-height: 1.2; }
section.investors .reports-wrapper ul li:first-child { padding-top: 0; }
section.investors .reports-wrapper ul li a { display: inline-flex; }
section.investors .reports-wrapper ul li span { font-size: 40px; margin-right: 10px; color: #d5cfbd; opacity: 0.75; display: inline-flex; align-items: flex-start; }
section.investors .reports-wrapper ul li:hover span { color: #fff; }
section.investors .reports-wrapper ul li:hover, section.investors .reports-wrapper ul li:hover a { color: #38c5ff;  }
section.investors .share-wrapper {
	display: block;
	position: relative; 
	padding: 30px 40px 20px;
	background-color:rgba(0,0,0,0.2);
}
section.investors .share-wrapper .date { 
	font-size: 13px; 
	color: #d5cfbd;
	text-transform: uppercase;
	position: absolute; 
	right:40px;
	top:40px;
}
section.investors .share-wrapper .values { width:100; position: relative; border-bottom: solid 1px rgba(255,255,255,0.2); }
section.investors .share-wrapper .values h3 { font-family: 'Montserrat', sans-serif; font-size: 2.25rem; font-weight: 600; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
section.investors .share-wrapper .values h3 span.value { font-size: 16px; font-weight: 500; }
section.investors .share-wrapper p.lead { margin-bottom: 5px;}

/* News Block */
section.media {
	
}
section.media h4 { text-transform: none; color: #fff;     display: -webkit-box;    -webkit-line-clamp: 2;   -webkit-box-orient: vertical;   overflow: hidden;   text-overflow: ellipsis; }

.video-wrapper, .album-wrapper {
    background-color: #fff;
    display: block;
    width: 100%;
    padding: 0 !important;
    overflow: hidden;
	position: relative;
}
/*.video-wrapper .album-carousel-item, .album-wrapper .album-carousel-item{margin-left: -2px;}*/
.video-wrapper .customNav, .album-wrapper .customNav {  position: absolute; z-index: 2; height: 28px;  right:30px; bottom:25px;}

.newswrapper {
    background-color: #fff;
    display: block;
    width: 100%;
    padding: 0 !important;
    overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
}

    .newswrapper .newscontainer {
        position: relative;
        display: block;
    }

    .newswrapper .news-img a {
        display: block;
        position: relative;
    }

    .newswrapper .news-img {
        height: 295px;
        width: auto;
		position: relative;
		z-index: 1;
        overflow: hidden;
    }

        .newswrapper .news-img img {
            width: auto;
            min-width: 100%;
            min-height: 295px;
			object-fit: cover;
			position: relative;
			z-index: 1;
			display: block;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .newswrapper .newscontainer:hover .news-img img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

.newswrapper .news-img:before {
	content:"";
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	width:100%;
	height: 100%;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

    .newswrapper .news-content {
        padding-top: 30px;
        padding-right: 30px;
		position: relative;
		z-index: 3;
    }

        .newswrapper .news-content a h4 {
			font-size: 1.5rem;
            color: #004fa3;
			text-transform:none;
            margin-bottom: 5px;
			letter-spacing: -0.5px;
                    display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        }

    .newswrapper .newscontainer:hover a h4 {
        color: #ef3e33;
    }

    .newswrapper .news-content a p {
        font-size: 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
		color: #575756;
    }

.news-date {
    position: relative;
    padding-top: 12px;
    line-height: 14px;
    color: #575756;
    font-size: 16px;
	text-transform: uppercase;
}

    .news-date span {
        font-size: 24px;
        letter-spacing: -1px;
        font-weight: 600;
    }
.news-date span:after {
	content: "\2215";
	font-size: 24px;
	font-weight: 300;
	padding-left: 5px;
	color: #797978;
}
.alllink1 { position: absolute; right:30px; bottom:30px; z-index: 3; }
.alllink2 { position: absolute; left:30px; bottom:25px; z-index: 3; }

.photogallery {
    position: relative;
    display: block;
}

    .photogallery figure {
        margin-bottom: 0;
    }

        .photogallery figure .image-wrap, .videogallery figure .image-wrap {
            width: 100%;
            height: 295px;
            -o-object-fit: cover;
            object-fit: cover;
            position: relative;
            overflow: hidden;
            background: #2f3238;
        }

            .photogallery figure .image-wrap img, .videogallery figure .image-wrap img {
                width: 100%;
                height: 295px;
                -o-object-fit: cover;
                object-fit: cover;
            }

 .photogallery figure .image-wrap:hover img, .videogallery figure .image-wrap:hover img {
	-webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
 }

.image-wrap .viewgallery {
    background: rgba(124,54,32,0);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
	z-index: 2;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .image-wrap .viewgallery span {
        font-size: 60px;
        color: #fff;
        display: block;
    }
.image-wrap:hover .viewgallery span {
	color: #38c5ff;
}

    .image-wrap .viewgallery .icon-text {
        display: table;
        width: 100%;
        height: 100%;
    }

        .image-wrap .viewgallery .icon-text .content {
            display: table-cell;
            vertical-align: middle;
        }

/*.photogallery figure a:hover .image-wrap .viewgallery, .videogallery figure a:hover .image-wrap .viewgallery {
    background: rgba(15,45,82,1);
    background: -moz-linear-gradient(45deg, rgba(15,45,82,1) 0%, rgba(15,45,82,0.82) 36%, rgba(255,183,27,0.5) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(15,45,82,1)), color-stop(36%, rgba(15,45,82,0.82)), color-stop(100%, rgba(255,183,27,0.5)));
    background: -webkit-linear-gradient(45deg, rgba(15,45,82,1) 0%, rgba(15,45,82,0.82) 36%, rgba(255,183,27,0.5) 100%);
    background: -o-linear-gradient(45deg, rgba(15,45,82,1) 0%, rgba(15,45,82,0.82) 36%, rgba(255,183,27,0.5) 100%);
    background: -ms-linear-gradient(45deg, rgba(15,45,82,1) 0%, rgba(15,45,82,0.82) 36%, rgba(255,183,27,0.5) 100%);
    background: linear-gradient(45deg, rgba(15,45,82,1) 0%, rgba(15,45,82,0.82) 36%, rgba(255,183,27,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2d52', endColorstr='#ffb71b', GradientType=1 );
    opacity: 1;
}*/

.photogallery figcaption {
    position: absolute;
    bottom: 0;
    padding: 30px;
    width: 100%;
    height: 100%;
	z-index: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

    .photogallery figcaption h4 {
        position: absolute;
        bottom: 50px;
        opacity: 1 !important;
    }

    .photogallery figcaption:hover h4 {
        color: #38c5ff;
    }

    .photogallery figcaption h5 span.icon {
        display: block;
        font-size: 42px;
        color: #fff;
        line-height: 42px;
    }

    .photogallery figcaption:hover h5 span.icon {
        display: none;
    }

/*Section Awards*/
.awards-blk { position: relative; background-color:  #004b9a; color: #fff; background-repeat: no-repeat; background-size: cover; background-position: right center; z-index: 1; }
.awards-blk:before {
	content: "";
	position: absolute;
	z-index: 2;
	background-color:  #004b9a; 
	width:100%;
	height: 100%;
	opacity: 0.95;
	
}
.awards-block-inner { position: relative; z-index: 3; padding: 30px; }
.awards-blk .awards-wrapper { position: relative; display: block; }
.awards-blk .awards-carousel-item a { /*display: flex; flex-direction: row; align-items: center; */ display: table; width:100%; margin-top: 15px; }
.awards-blk .awards-img-wrapper { margin-right: 15px; background-color: #fff; text-align: center; vertical-align: middle; width: 160px; height: 100px; padding: 5px; /*display: table;*/ display: table-cell;  }
.awards-blk p { font-size: 1rem; padding-bottom: 5px; margin-top: 15px; padding-top: 25px;  display: table-cell; vertical-align: middle; padding-left: 15px;  }
.awards-blk .awards-img-wrapper img { width:100%; height: 100px; object-fit: cover;}
.awards-carousel-item a:hover .awards-img-wrapper img {
	-webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
      transform: scale(1.05);
}
.awards-carousel-item a p { 
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.awards-carousel-item a:hover p { color:#38c5ff !important; }

.customNav { display: flex; }
.customNav .slider-counter, #customNav a  { flex-direction: row; }
.customNav button { border:none; outline: none; background-color: transparent; padding: 5px 10px; color: #9a9a9a; }
.customNav button:hover { color: #ef3e33; }
.customNav a.btn { padding: 0; }
.customNav .slider-counter { padding: 5px 10px; }
.customNav .slider-counter span { font-weight: bold; color:#ef3e33; }

.newswrapper span.year{font-size: 0.875rem;}
.newswrapper .customNav { 
	position: absolute;
    bottom: 20px;
    left: calc(50% - 90px);
    z-index: 2;
    height: 28px;
}
.awards-blk .awards-wrapper .customNav { 
	position: absolute;
	top:15px; 
	left: 175px;
	z-index: 2;
    height: 28px;
}

.footer_bottom { display: flex; justify-content: space-between; align-items: center; }  



@media only screen and (max-width: 1399px) {
    .newswrapper .alllink1{bottom: 55px;}
	
}

@media only screen and (max-width: 1199px) {
	section.products { padding: 60px 0 15px; }
	.newsletter-wrapper { margin-top: 30px; }
	.facts-bg { padding: 60px 0; }
	.footer_widgets {  padding: 60px 0 30px; }
    
    
}

@media only screen and (max-width: 991px) {
	section.products { padding: 40px 0 15px; }
	.facts-bg { padding: 40px 0; }
	.newswrapper .news-content { padding-left: 30px; padding-bottom: 10px; }
	/*.newswrapper .customNav { bottom: inherit; top: 250px; right: 30px; left: inherit;}*/
    .newswrapper .customNav .text-white{color: #000 !important;}
	section.investors .reports-wrapper ul { margin-bottom: 10px; }
	section.investors .share-wrapper{ margin-top: 20px; }
	.footer_widgets {  padding: 40px 0 15px; }
	.footer_bottom { display: block; justify-content: space-between; align-items: center; text-align: center; width: 100%; }
	.footer_social { display: flex; justify-content: center; }
    .newswrapper .alllink1{bottom: 30px; left: 30px;  position: relative; padding-bottom: 25px;}
      .newswrapper .customNav{left: calc(5% - 0px);}
}

@media only screen and (max-width: 767px) {
	section.products { padding: 30px 0 15px; }
	.facts-bg { padding: 30px 0; }
	.footer_widgets {  padding: 30px 0 0px; }
	.footer_logo { margin-bottom: 30px;}
        .newswrapper .news-content{padding-bottom: 40px;}
}

@media only screen and (max-width: 575px) {
	section.products { padding: 30px 0 15px; }
	.facts-bg { padding: 30px 0; }
	section.investors .share-wrapper{ padding: 20px 20px 10px; }
	section.investors .share-wrapper .date { top:30px; } 
    
    .awards-blk .awards-wrapper {padding-bottom: 40px;}
    .awards-blk .awards-img-wrapper{    display: block;     width: 100%;     height: auto;}
	.awards-blk .awards-img-wrapper img { width:100%; height: auto; object-fit:contain;}
    .awards-blk .awards-carousel-item a, .awards-blk .awards-carousel-item p { display: block; }
	.awards-blk .awards-carousel-item p { padding-left: 0; }
	.awards-blk .awards-wrapper .customNav { bottom: 0px; left: 0px; top: auto;}
    .awards-blk p{margin-top: 0px;}
    
	footer p.address:before { font-size: 18px; margin-right: 8px; }
	footer .address-links { margin-top: 15px;}
	.footer_social { margin-top: 5px;}
	.footer_social ul li a { font-size: 13px;}
/*    .newswrapper .customNav{display: none;}*/
}

@media only screen and (max-width: 479px) {
   section.media h4{    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  width: 75%;   font-size: 18px;}
    .video-wrapper .customNav, .album-wrapper .customNav{left: 30px; bottom: 90px;}
    .newswrapper .news-content a h4{width: 100%;}
}

/* Inside Page CSS*/
/*p{color: #575756;}*/

a.red-link{line-height: 1.1; color: #ef3e33; font-family: 'Eurostile'; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
a.red-link:hover{color: #004fa3;}

a.red-link2{line-height: 1.1; color: #ef3e33; font-family: 'Montserrat', sans-serif; /*font-weight: 600; */ -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
a.red-link2:hover{color: #004fa3;}

p.goback{display: flex; align-items:center; float: right; padding-top: 0.625rem;}
p.goback span{padding-right: 0.625rem; }

a.red-underline-link{text-decoration: underline; color: #ef3e33;}
a.red-underline-link:hover{text-decoration: none; color: #004fa3;}

/* Add this  CSS*/
.share-this{text-align: right; font-size: 12px; position: relative;}
/*.share-this:before{content: 'Share This'}*/
/*.addthisholder { position: absolute; right:0; top:0; }*/
/*.at-share-btn-elements a { background-color: transparent !important;}*/
/*.share-this:before{content: 'Share This'}*/
.addthisholder { position: absolute; right:0; top:0; }
.at-share-btn-elements a.at-svc-whatsapp, .at-share-btn-elements a.at-svc-facebook, .at-share-btn-elements a.at-svc-twitter, .at-share-btn-elements a.at-svc-linkedin, .at-share-btn-elements a.at-svc-email { display: none !important;}
/*.at-share-btn-elements a.at-svc-compact{}*/
.at-share-btn-elements a.at-svc-compact{background:transparent !important;  color: transparent !important;}
.at-share-btn-elements a.at-svc-compact svg {  display: none; }
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 70px !important;}
/*.addthisholder .at-icon-wrapper svg {  display: none; }*/
.share-this span.fa-share-alt{font-size: 0.875rem; padding-left: 5px;}
.share-this:hover span.fa-share-alt{color: #ef3e33;}



/* General CSS*/

/*Table Structure*/
table{width: 100%; font-size: 16px;}
thead th, tbody td{padding: 10px 15px;}
thead{background: rgba(232,232,232,1.00); font-weight: 600;}
tbody tr{background: rgba(245,245,245,0.2); border-bottom: 2px solid #fff; }
tbody tr:nth-of-type(2n){background: rgba(245,245,245,0.8);}

/*NewMenuStructure*/
.mega-menu-list { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; height: 220px; }
.mega-menu-list li { width: 35%; margin-right: 15px; }


/* Modal Popup*/
.modal {z-index: 99999 !important; background-color:rgba(0, 0, 0, 0.5);}
.modal-dialog{margin: 5rem auto; max-width: 991px;}
.modal-content {position: relative;}
.modal-content  .btn-close{position: absolute; right: 30px; top: 30px; z-index: 3; }
.modal-header{border: 0px; padding: 0px;}
.modal-body{padding:  2rem;}
.modal-body p{margin-top: 30px; font-size: 1rem; line-height: 1.5rem;}

.accordion-button, .accordion-body{padding: 1rem 0rem;}
.inner-cont{margin-bottom: 3.75rem;}
.inner-cont p{text-align: justify; font-size: 1.125rem; line-height: 1.75rem;}
.inner-title{border-bottom: 1px solid rgba(94, 97, 104, 0.2); margin-bottom: 3.125rem; padding: 1.25rem 0rem;}

a.underline-link span.txt{color: #575756; border-bottom: 1px solid rgba(94, 97, 104, 0.4); font-size: 14px; font-weight: 400; padding-right: 0px;}
a.underline-link:hover span.txt{color: #ef3e33; border-bottom: 1px solid rgba(94, 97, 104, 0); }
a.underline-link span{padding-right: 8px; display: inline; color: #a6a8aa; font-size: 17px;}
a.btn.back-link { font-family: 'Eurostile';  font-size: 16px;  font-weight: 600;  letter-spacing: 1.5px;  text-transform: uppercase;  -webkit-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}
a.btn.back-link:before {  content: "\e902";  position: relative;  z-index: -1; font-family: 'st-icons';  top: 0;  left: 0;  width: 0;  height: 100%;  -webkit-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;
color: #9a9a9a; padding-right: 10px;}
.btn.back-link.btn2 {background: none; color: #ef3e33; padding: 0; line-height: 1.1; overflow: auto; text-align: left; height: auto;}
.btn.back-link.btn2:hover{ color: #004fa3;}

/* Listing CSS*/
.listing-block ul{margin: 0.938rem 0rem;}
.listing-block ul li {position: relative;  padding-left: 1.875rem;  margin-bottom: 1.25rem; }
.listing-block ul li:before { position: absolute;  content: "\e944"; font-family: 'st-icons'; color: #9a9a9a; left: 8px;  top: 6px;  font-size: 8px;}


/* FAQs CSS*/
.faqs-block .accordion-item{border: 0rem;}
.faqs-block  .accordion-button{border-radius: 0rem; cursor: pointer; }
.faqs-block  .accordion-button:not(.collapsed){background: transparent;}
.faqs-block  .accordion-button:not(.collapsed) h4{ color: #ef3e33;}
.faqs-block .accordion-button:after{background-image: url("../images/icons/plus.png");}
.faqs-block .accordion-button:not(.collapsed):after{background-image: url("../images/icons/minus-blue.png");}


/* Tab Button CSS*/
.tab-button { border-bottom: 1px solid rgba(94, 97, 104, 0.2);}
.tab-button  .nav-link.active, .tab-button  .show > .nav-link{background: transparent; color: #004fa3; font-weight: 500; border-radius: 0rem; border-bottom: 0.063rem solid #004fa3;}


/*PDF Block*/
.pdf-block{display: flex; width: 100%; background: #f5f5f5; margin-bottom: 3.125rem;}
.pdf-block img{height: 15.625rem; object-fit: cover; border: 1px solid #e5e5e5;}
.pdf-block-cont{padding: 2rem;}
.pdf-block-cont h4{color: #000000; font-size: 1.5rem; margin-bottom: 1.25rem;}
.pdf-block .btn-link:after{content: ""; padding-left: 0rem; }
.pdf-block .btn-link span{padding-right: 0.5rem;}

/* Form CSS*/
.form-control,
.form-control:focus {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
    border: 1px solid #004fa3;
}

.form-control{font-size: 0.9rem; }
.input-group-addon { border-left: 0px !important;  background: #fafafa;   padding: 10px 15px;  color: #fff; border-right: 1px solid rgba(224, 224, 224, 0.6); border-top: 1px solid rgba(224, 224, 224, 0.6); border-bottom: 1px solid rgba(224, 224, 224, 0.6); margin-bottom: 20px;}
.input-group-addon:after{content:"\e91f"; font-family: 'st-icons' !important; color: #797978;} 
.input-group-addon span.fa{display: none;}
.form-control:disabled, .form-control[readonly]{background-color: #fafafa;  border: 1px solid rgba(224, 224, 224, 0.6);}
.form-control:disabled:focus, .form-control:focus{border: 1px solid #004fa3;}
/*.dob_date input{border-right: 0px !important;}*/
.searchform .btn.btn-link{width: 100%; height: 50px;}
.searchform{border-bottom: 1px solid rgba(94, 97, 104, 0.2); margin-bottom: 30px; padding-bottom: 10px;}
.start-date:after {content: "-";     position: absolute;     right: -15px;    top: 10px;    font-size: 20px;    color: #cccccc;}

.selectdiv { position: relative;  width:100px; margin-bottom: 30px;}

.selectdiv label:after { content:"\e901";  font-family:"st-icons"; color: #797978; right: 25px; top: 5px; height: 50px;  padding: 15px 13px 0px 0px;  border-right: 1px solid rgba(224, 224, 224, 0.6);  border-top: 1px solid rgba(224, 224, 224, 0.6); border-bottom: 1px solid rgba(224, 224, 224, 0.6);  position: absolute;  pointer-events: none;  font-size: 12px;}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {display: none;}

.selectdiv select { -webkit-appearance: none; -moz-appearance: none;  appearance: none;  display: block;  width: 100%;  max-width: 320px;  height: 50px;  float: right;  margin: 5px 0px;  padding: 0px 24px 0px 20px;  font-size: 16px;  line-height: 1.75;  color: #333;  background-color: #ffffff;
  background-image: none; border-left: 1px solid rgba(224, 224, 224, 0.6);    border-top: 1px solid rgba(224, 224, 224, 0.6);    border-bottom: 1px solid rgba(224, 224, 224, 0.6);    border-right: 0px;  -ms-word-break: normal;  word-break: normal;}

/* Breadcrumb CSS*/
ul.breadcrumb-list{display: flex; width: 100%; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 12px;}
ul.breadcrumb-list li:after{content: '/';  padding-left: 10px; margin-right: 10px;  color: #979797; font-weight: 100; line-height: 20px;}
ul.breadcrumb-list li:last-child:after{content: '';}
ul.breadcrumb-list li a{ color: #575756;}
ul.breadcrumb-list li a:hover{color: #ef3e33;}
ul.breadcrumb-list li:last-child {color: #575756; font-weight: 500;}

/* Side Navigation */
.inner-sidenavigation{ background: rgba(245,245,245,1.00);  padding: 2.5rem;   width: 30%;    float: right;    margin-left: 2.5rem;    margin-bottom: 2.5rem; margin-top: 7px;}
.inner-sidenavigation h3{margin-bottom: 0rem;}

.inner-sidenavigation_second{ background: rgba(245,245,245,1.00);  padding: 2.5rem;  margin-bottom: 2.5rem; margin-top: 7px;}
/*.inner-sidenavigation_second h3{margin-bottom: 1.25rem;}*/


/* External Link List */
ul.external-link-list{display: block;}
ul.external-link-list li a{font-size: 1rem; font-weight: 500;}
ul.external-link-list li a:hover{color: #ef3e33;}
ul.external-link-list li{position: relative; display: block;  border-bottom: 0.063rem solid rgba(94, 97, 104, 0.2); padding-bottom: 0.625rem; margin-bottom:0.625rem; padding-left: 1.5rem;}
ul.external-link-list li:last-child{border-bottom: 0rem; padding-bottom: 0rem; margin-bottom: 0rem;}
ul.external-link-list li:before{content: "\f35d"; font-weight: 900;  font-family: 'Font Awesome 5 Free'; position: absolute; left: 0rem; top: 0rem; font-size: 18px; color: #575756;}

/* Side Navigation pdf Link List */
ul.sidenav-pdf-list{display: block;}
ul.sidenav-pdf-list li a{font-size: 1rem; font-weight: 500;}
ul.sidenav-pdf-list li a:hover{color: #ef3e33;}
ul.sidenav-pdf-list li{position: relative; display: block;  border-bottom: 0.063rem solid rgba(94, 97, 104, 0.2); padding-bottom: 0.625rem; margin-bottom:0.625rem; padding-left: 1.5rem;}
ul.sidenav-pdf-list li:last-child{border-bottom: 0rem; padding-bottom: 0rem; margin-bottom: 0rem;}
ul.sidenav-pdf-list li:before{content: "\e905"; font-weight: 900;  font-family: 'st-icons', sans-serif; position: absolute; left: 0rem; top: 0rem; font-size: 18px; color: #575756;}

/* SideLink List */
.side-link-title{display: flex; padding-bottom: 1rem;}
.side-link-title .img-logo{padding-right: 0.938rem;}
.side-link-title h3{font-size: 1.5rem; margin-bottom: 0px;}

/* SideLink List */
ul.side-link-list{display: block;}
ul.side-link-list li a{font-size: 1rem; font-weight: 500;}
ul.side-link-list li a:hover{color: #ef3e33;}
ul.side-link-list li{position: relative;  padding-bottom: 0.625rem; margin-bottom:0.625rem; display: flex; }
ul.side-link-list li span{color: #9e9e9e; padding-right: 0.8rem; font-weight: 600; }
ul.side-link-list li:last-child{border-bottom: 0rem; padding-bottom: 0rem; margin-bottom: 0rem;}

/* CheckBox  */
.checkbox-container{display: flex;}
.checkbox-label {
    display: block;
    position: relative;
/*    margin: auto;*/
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    clear: both;
    margin-right: 15px;
}

.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-label .checkbox-custom {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 24px;
    background-color: transparent;
    /*border-radius: 1px;*/
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 2px solid #b0b0b0;
}


.checkbox-label input:checked ~ .checkbox-custom {
   /* background-color: #000;*/
    /*border-radius: 5px;*/
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity:1;
    border: 2px solid #ef3e33;
}


.checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0px;
    width: 0px;
    border-radius: 5px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity:1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity:1;
  left: 7px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid #ef3e33;
  border-width: 0 2px 2px 0;
/*  background-color: #fff;*/
  border-radius: 0;
}



/* For Ripple Effect */
.checkbox-label .checkbox-custom::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    width: 0px;
    height: 0px;
    border-radius: 5px;
    border: 2px solid #FFFFFF;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);  
}

.checkbox-label input:checked ~ .checkbox-custom::before {
    left: -3px;
    top: -3px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity:0;
    z-index: 999;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


/* Sitemap CSS */
.sitemap-block {margin-bottom: 1.875rem;}
.sitemap-block ul{display: block; margin-top: 1.25rem;}
.sitemap-block ul li {margin-bottom: 0.938rem;}
.sitemap-block ul li .btn.btn-link.btn2{color: #575756;}
.sitemap-block ul li .btn-link:after{opacity: 0;}
.sitemap-block ul li .btn.btn-link.btn2:hover {  color: #ef3e33;}
.sitemap-block ul li .btn.btn-link.btn2:hover:after { color: #9a9a9a; opacity: 1;}

.sitemap-block ul li ul{padding: 0.313rem 0rem 0.313rem 1.875rem;}
.sitemap-block ul li ul li{position: relative;}
.sitemap-block ul li ul li:before{position: absolute; content: "-"; left: -1.563rem; top: -1.25rem; color: #9a9a9a; font-size: 42px; font-weight: 100; font-family: 'Montserrat', sans-serif;}

/* General Template CSS*/
.no-banner .navik-header.header-transparent-on, .no-banner .navik-header.header-opacity-on{position: relative; background: #454444; height: auto; padding-bottom: 1.563rem;}
.general-left-img{width: 40%;  float: left;  margin-right: 2.5rem; margin-bottom: 2.5rem; position: relative;}
.general-left-img .news-details img{height: 350px;}


.general-right-img{width: 40%;  float: right;  margin-left: 2.5rem; margin-bottom: 2.5rem; position: relative;}
.general-right-img .news-details img{height: 350px;}
.general-right-img .news-details .newswrapper .customNav{position: absolute; right: 0px;}

/* Search Result*/
.search-result{border-bottom: 0rem !important; margin-bottom: 1.25rem; }
ul.search-result-option{display: table; padding-bottom: 1.5rem;}
ul.search-result-option li{padding-right: 3rem; text-transform: uppercase; font-family: 'Eurostile'; font-weight: 600;     letter-spacing: 1.5px; display: table-cell;}

/* General Responsive CSS*/
@media only screen and (max-width: 1399px) {
    .subpage-banner{height: 500px;}
    .inner-sidenavigation{padding: 2rem; width: 35%; }
   /* .pdf-block-cont h4{font-size:1.25rem }*/
     .pdf-block-cont .btn.btn-link{line-height: 38px; height: 38px; padding: 0px 15px; font-size: 14px;}
    .pdf-block img{margin: 1.875rem 0rem 1.875rem 1.875rem;}
}

@media only screen and (max-width: 1199px) {
    .inner-sidenavigation{padding: 1.5rem; width: 35%; }
    ul.external-link-list li a{font-size: 0.875rem; line-height: 1.25rem;}
    .pdf-block-cont{padding: 1.5rem;}
    .inner-sidenavigation_second{padding: 2rem;}
    /*NewMenuStructure*/
.mega-menu-list { height: 150px; }
.mega-menu-list li { width: 45%; }
.navik-menu .mega-menu-box { margin-right: 0px;}

    
}


@media only screen and (max-width: 991px) {
    .subpage-banner .banner-title{font-size: 2.375rem;}
    .start-date:after {display: none;}
      .addthisholder { position: absolute; left:0; top:0; }
    .share-this{text-align: left;}
     ul.breadcrumb-list{margin-bottom:10px; display: inline-block;}
    ul.breadcrumb-list li{display: inline-block;}
     .inner-sidenavigation{width: 100%; }
     .side-link-title {padding-bottom: 10px;}
    .general-left-img, .general-right-img{width: 100%;}
    .modal-dialog{max-width: 767px;}
  
    
    /*NewMenuStructure*/
.mega-menu-list { height: auto; }
.mega-menu-list li { width: 100%; margin-right: 0;}
    
}


@media only screen and (max-width: 767px) {
    .subpage-banner{height: 350px;}
    .subpage-banner .banner-sub-title{font-size: 12px;}
    .subpage-banner .banner-title{font-size: 1.75rem;}
    .searchform  label.wrap{margin-top: 0px;}
    .searchform {padding-bottom: 30px;}
    .news-block{margin-bottom: 30px;}
    .search-result{padding-bottom: 0px;}
     .modal-dialog{max-width: 479px;}
    .modal-body img{margin-bottom: 30px;}
    .modal-body{padding: 3rem;}
    .modal-content .btn-close{right: 18px; top: 18px;}
    .tab-button li, .tab-button .nav-link.active, .tab-button .show > .nav-link,  .tab-button .nav-link{display: block; width: 100%; text-align: left;}
}


@media only screen and (max-width: 479px) {
    .general-left-img, .general-right-img{height: auto; }
    .general-left-img .news-details img, .general-right-img .news-details img{height: auto}
    ul.search-result-option li{display: block; padding-bottom: 20px; padding-right: 0px; width: 100%;}
    .subpage-banner{background-position: right;}
    
.pdf-block{display: block; padding: 1.875rem; }
.pdf-block img{ height: auto; margin:0rem 0rem 1.875rem 0rem;}
.pdf-block-cont{padding: 0rem;}

        .modal-dialog{max-width: 100%;}
    
}

@media only screen and (max-width: 320px) {
    
}


/* Our History CSS*/
ul.history-excellence{display: flex; align-items: center; padding: 2rem 0rem;}
ul.history-excellence li:first-child{padding-right: 0.75rem;}
ul.history-excellence .number{ font-weight: 700;  font-size: 10rem;  font-family: 'Montserrat', sans-serif;  line-height: 0rem;  letter-spacing: -0.375rem;    color: #004fa3;}

/*Our History Accordion */
.ourhistory-list .accordion-button:after{ content: 'Read More'; bottom: 2.5rem; position: absolute;  right: 2.5rem; width: 10%;   background: url("../images/icons/plus.png") right no-repeat; color: #ef3e33; font-family: 'Eurostile';    font-size: 16px;    font-weight: 600;   text-transform: uppercase;    letter-spacing: 1.5px;}
.ourhistory-list .accordion-button:not(.collapsed){background: #004fa3 !important;}
.ourhistory-list .accordion-button:not(.collapsed) h4, .ourhistory-list .accordion-button:not(.collapsed)  span.history-year-title, .ourhistory-list .accordion-button:not(.collapsed) span.history-year-subtxt p{color: #fff;}
.ourhistory-list .accordion-button:not(.collapsed):after{content: 'HIDE CONTENT '; transform: rotate(0deg); background: url("../images/icons/minus.png") right no-repeat; color: #38c5ff; width: 160px;}
.ourhistory-list .accordion-button{padding: 0rem;}
.ourhistory-list .accordion-item {
/*  background-color: #fff;*/
  margin-bottom: 20px;
  border: 0rem;
/*  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);*/
}
.ourhistory-block{width: 100%; }
.ourhistory-block img{border-right: 1px solid #fff;}
.ourhistory-list .accordion-button {
  border: none;
  cursor: pointer;
}
.ourhistory-list .accordion-button:not(.collapsed) {
  background-color: #fff;
  color: #1a1a1a;
}
.ourhistory-list .accordion-collapse {
  border: none;
}
/*.ourhistory-list .ourhistory-head {
  display: flex;
  flex-direction: column;
}*/
.ourhistory-list h4 {
  color: #004fa3;
  font-size: 3.875rem;
  font-weight:700;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -0.063rem;
 line-height: 4rem;   
  margin-bottom: 0rem;
    
}
.ourhistory-list  span.history-year-title {
font-family: 'Eurostile';
    font-weight: bold;
    color: #004fa3;
    font-size: 2.25rem;
    margin-bottom: 1rem;
    display: block;
}
.ourhistory-list span.history-year-subtxt {display: block;}
.ourhistory-list span.history-year-subtxt p{margin-bottom: 0rem;}
.history-cont-block{position: relative; padding: 2.875rem 1.875rem 1rem 1.875rem;}
.readmore-history{position: absolute; right: 0rem; bottom: 0rem;}


.ourhistory-list .job-ref span {
  color: #888b8d;
}
.ourhistory-list .job-ref li:not(:last-child)::after {
  content: "\007C";
  padding: 0 8px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 300;
}
.ourhistory-list .accordion-button p {
  font-size: 1.125rem;
}
.ourhistory-list .accordion-body {
  padding-top: 0;
}

ul.history-excellence span.plus-icon{display: block; font-size: 3.75rem; color: #004fa3; line-height: 2.8rem; padding-top: 1rem;}
.excellence{text-transform: uppercase; font-family: 'Eurostile'; font-weight: bold; font-size: 1.125rem; letter-spacing: 1px; color: #575756;}

ul.history-timeline{display: block;}
ul.history-timeline li{padding: 3.75rem  7.5rem 4.75rem 7.5rem; background: #fbfbfb;}
ul.history-timeline li:nth-of-type(2n){background: #f5f5f5;}
ul.history-timeline li h4{line-height: 3.5rem; padding-left: 1.5rem;  text-align: center;}
ul.history-timeline li h4:nth-of-type(2){color: #000; position: relative;}
ul.history-timeline li h4:nth-of-type(2):before{content: ''; background: url("../images/history-arrow.png") no-repeat; position: absolute; right: 0px; top: -50px; height: 103px; width: 50px;}
ul.history-timeline li h5{text-transform: uppercase; font-size: 1.625rem; line-height: 2rem;}
ul.history-timeline li p{font-size: 1rem; line-height: 1.375rem;}

/*.history-img-slide .news-details img{height: auto; object-fit: none;}*/

/* History Responsive CSS*/
@media only screen and (max-width: 1399px) {
    ul.history-timeline li h4{padding-left: 0rem; text-align: left;}
    .ourhistory-list .accordion-button:after{width: 12%;}
    .history-cont-block{padding-top: 2.25rem;}
    .ourhistory-list h4{font-size: 3.25rem;}
    .ourhistory-list span.history-year-title{font-size: 2rem; line-height: 2.2rem;}
}

@media only screen and (max-width: 1199px) {
    ul.history-excellence .number{font-size: 8rem;}
  /*  .ourhistory-list h4{font-size: 2.8rem;}*/
    .history-cont-block{padding-top: 1rem;}
    .ourhistory-list span.history-year-title{font-size: 1.375rem; margin-bottom: 0rem;}
    .ourhistory-list .accordion-button:not(.collapsed):after, .ourhistory-list .accordion-button:after{content: '';}
    
}


@media only screen and (max-width: 991px) {
    .ourhistory-block img{border-right:0rem; border-bottom: 1px solid #fff; padding-right: 0rem;}
    .ourhistory-block{width: auto;}
    ul.history-timeline li h4{text-align: left; width: 30%;}
    ul.history-timeline li {padding: 2.5rem 2.5rem 3rem 2.5rem;}
}


@media only screen and (max-width: 767px) {
  ul.history-timeline li h4{width: 45%;}
    .ourhistory-list .accordion-button:after{right: 1.2rem;}
}


@media only screen and (max-width: 479px) {
    .ourhistory-list h4{font-size: 2.3rem; line-height: 2.5rem; margin-bottom: 10px;}
    .ourhistory-list span.history-year-title{width: 70%; line-height: 1.8rem;}
    ul.history-timeline li h4{width: 100%;}
}

@media only screen and (max-width: 320px) {
    ul.history-excellence .number{font-size: 5rem;}
}


/* Vision,  Mission & Values */
ul.vision-mission {display: flex;}
ul.vision-mission li{padding-right: 3.125rem;}
ul.vision-mission li:last-child{padding-right: 0rem;}
ul.vision-mission li .img-main-block{margin-bottom: 1.875rem; overflow: hidden;}
ul.vision-mission li:hover img{	-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} 
/*ul.vision-mission li img{padding-bottom: 1.875rem;}*/

.values-block {position: relative; z-index: 1;}
.values-block h3{color: #fff;}
ul.values-block-list {width: 100%; display: flex;}
ul.values-block-list li{ border: 1px solid rgba(255, 255, 2555, .3); margin-right: 1.875rem; text-align: center; width: 20%; padding: 2.75rem 1.875rem; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
ul.values-block-list li:hover{background-color: rgba(0,0,0,0.2); }
ul.values-block-list li:hover span.st-icon {color: #fff; }
ul.values-block-list li:last-child{margin-right: 0rem;}
ul.values-block-list li span{display: block; }
span.values-title{color: #d5cfbd; font-family: 'Montserrat', sans-serif;  font-weight: 600; font-size: 1.25rem; padding-bottom: 1.25rem;}
span.values-title .st-icon{color: #38c5ff; font-size: 4.375rem; padding-bottom: 1rem;}
span.values-title b{color: #fff;}
span.values-single-letter{font-size: 9.375rem; font-family: 'Eurostile'; font-weight: bold; color: #38c5ff; opacity: 0.4; line-height: 9.375rem;}

.vision-mission-footer-logo{padding: 2.5rem 0rem;}
.vision-mission-footer-logo ul{display: flex; align-items: baseline;}
.vision-mission-footer-logo ul li:nth-of-type(2){background: url("../images/vision-mission-logo-partion.png") no-repeat left top 5px; padding-left:2.875rem;}
.vision-mission-footer-logo ul li{margin-right: 1rem; }
.vision-mission-footer-logo ul li img{height: 5rem;}

/* Vision,  Mission & Values  Responsive CSS*/
@media only screen and (max-width: 1399px) {
}

@media only screen and (max-width: 1199px) {
    ul.values-block-list li{margin-right: 0.625rem; padding: 2.75rem 0.313rem 1.75rem 0.313rem;}
}


@media only screen and (max-width: 991px) {
    ul.values-block-list{display: block; width: 100%;}
    ul.values-block-list li{display: inline-block; width: 49%; margin-right: 0rem; margin-bottom: 0.25rem;}
}


@media only screen and (max-width: 767px) {
    ul.vision-mission {display: block;}
    ul.vision-mission li{padding-right: 0rem; padding-bottom: 2.5rem}
}


@media only screen and (max-width: 479px) {
    span.values-title{padding-bottom: 0rem;}
    span.values-title .st-icon{font-size: 3.375rem;}
    ul.values-block-list li{width: 100%; padding: 1.75rem 0.313rem 0.75rem 0.313rem;}
    span.values-single-letter{font-size: 6rem; line-height: 6rem;}
}

@media only screen and (max-width: 320px) {

}

/*-- Main Products -- */
.products-stats{background: #004fa3; padding: 2.5rem; margin-bottom: 2.5rem; color: #fff;}
.products-stats span.title{font-family: 'Eurostile'; display: block; text-transform: uppercase; font-size: 0.875rem; font-weight: bold; letter-spacing: 0.094rem;}
.products-stats span.cont{font-family: 'Montserrat', sans-serif; display: flex; align-items: baseline; font-size: 0.875rem;}
.products-stats span.cont .number{font-size: 2.425rem; line-height: 2.75rem; font-weight: 700; padding-right: 0.625rem;}

/*-- General Stats -- */
.general-stats{background: #004fa3; padding: 2.5rem;  color: #fff; float: right; width: 35%; margin-left: 2.5rem;  margin-bottom: 2.5rem;  text-align: center;} 
.general-stats img{height: 5rem; margin-bottom: 0.625rem;}
.general-stats span.title{font-family: 'Eurostile'; display: block; text-transform: uppercase; font-size: 0.875rem; font-weight: bold; letter-spacing: 0.094rem; width: 100%; text-align: center;}
.general-stats span.cont{font-family: 'Montserrat', sans-serif; display: flex; align-items: baseline; font-size: 0.875rem;}
.general-stats span.cont .number{font-size: 2.625rem; line-height: 2.75rem; font-weight: 700; padding-right: 0.625rem; width: 100%; text-align: center;}


/* Other Products */
.other-products .btn.btn-link:hover{color: #004fa3;}
.other-products .btn.btn-link:hover:before{background: #fff; }
.other-products .btn.btn-link:hover:after{color: #004fa3;}

ul.products-footer{width: 100%; display: flex; }
ul.products-footer li{width: 50%; background: #f5f5f5; padding: 3.125rem  6.25rem 3.125rem 2.5rem; }
ul.products-footer li.contactproduct{background:url("../images/contact-sales-bg.jpg") no-repeat #ebebeb; background-size: cover; background-position: right -40px bottom;}
.more-products-button {float: right; padding-top: 0.938rem;}


/* Main Products  Responsive CSS*/
@media only screen and (max-width: 1399px) {
    .products-stats span.cont .number{font-size: 2.125rem;}
}

@media only screen and (max-width: 1199px) {
    .products-stats{padding: 2rem;}
/*    .products-stats span.cont,  .products-stats span.number{display: block;}*/
}


@media only screen and (max-width: 991px) {
.more-products-button {float: left;  padding-top: 0rem;}
.general-stats{width: 100%; margin-left: 0rem;}    
    ul.products-footer{display: block;}
  ul.products-footer li {display: block; width: 100%; padding: 3.125rem;}
}


@media only screen and (max-width: 767px) {
/*    .homebanner{ height: 70vh;}*/
    .scroll-indicator{display: none;}
       .scroll-indicator2{display: block;}
    ul.products-footer li{padding: 1.875rem;}
}


@media only screen and (max-width: 479px) {
    
}

@media only screen and (max-width: 320px) {

}

/*Training & Development*/
.td-block-list { border: 1px solid rgba(255, 255, 2555, .3);  text-align: center; display: block;  padding: 2.75rem 1.875rem; width: 100%;}
.td-block-list .st-icon{display: block;}
.td-block-list .values-title{color: #fff;}

ul.training-numbers{display: block; padding-top: 1.25rem;}
ul.training-numbers li{display: inline-block; width: 49%; padding: 0.625rem; text-align: center;}
ul.training-numbers li span.title{ font-family: 'Eurostile';  display: block;  text-transform: uppercase;  font-size: 0.775rem;  font-weight: bold;   letter-spacing: 0.094rem;}
ul.training-numbers li span.number { font-size: 2.2rem;  line-height: 2.75rem;  font-weight: 700; }



/* Training & Development Responsive CSS*/
@media only screen and (max-width: 1399px) {

}

@media only screen and (max-width: 1199px) {

}


@media only screen and (max-width: 991px) {
    .td-block-list{margin-bottom: 1.875rem;}
}


@media only screen and (max-width: 767px) {

}


@media only screen and (max-width: 479px) {
    
}

@media only screen and (max-width: 320px) {

}



/* News CSS*/
.news-block {margin-bottom: 40px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
.news-block:hover {background: #004fa3;}
    .news-block .news-img {
        overflow: hidden;
        border: 1px solid rgba(236, 236, 236, 0.9);
        background-color: #fff;
        text-align: center; /*border-right: 1px solid rgba(236, 236, 236, 0.4); */
    }
/*.news-block:hover .news-img{border-right: 1px solid rgba(255, 255, 255, 1);}*/
/*.news-block .news-img img{ height: 300px;  object-fit: cover; }*/
.news-block:hover img{	-webkit-transform: scale3d(1.1,1.1,1); 	transform: scale3d(1.1,1.1,1);}
    .news-block .news-img img {
        max-height: 319px;
    }
.news-block .news-content{padding:30px 40px 30px 20px;}

.news-block  .news-content h4 { font-size: 1.5rem; color: #004fa3;  letter-spacing: -0.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.news-block:hover  .news-content h4{color: #fff;}
.news-block:hover  .news-content p {color: #d5d5d5;}
.news-block  .news-content p{ font-size: 1rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #575756;    line-height: 1.6rem;;    margin-bottom: 40px;}
.news-footer{width:100%; display:flex;}
.news-footer span{width:50%;}
.news-footer span:nth-of-type(1){font-weight: 600; font-size: 1rem; text-transform: uppercase;}
.news-footer span:nth-of-type(2) {text-align-last: right;}
.news-block:hover span {color: #fff;}
.news-block:hover span  a.btn.btn-link.btn2, .news-block:hover .btn.btn-link.btn2:after{color: #38c5ff;}


/* News Filter Date CSS*/
.news-filter-date input{ border-right: 1px solid rgba(250, 250, 250, 0.6); padding-right: 0rem;}


/* Date Range Picker*/
.daterangepicker table{width: auto; font-size: 16px;}
.daterangepicker thead th, .daterangepicker tbody td {padding: 0px;}
.daterangepicker thead {background: #fff;}
.daterangepicker  tbody tr:nth-of-type(2n){background: #fff;}


/* News Details */
h2.news-details-title{text-transform: none;}
.news-details .newswrapper {overflow: visible;}
.news-details iframe{height: 700px; width: 100%; padding: 0px; border: 0px; margin: 0px; display: block;}
/*.news-details img{object-fit: cover; height: 700px;}*/
.news-details .newswrapper .customNav{position: absolute; left: 0px; bottom: -40px;}
.news-details .newswrapper .customNav .text-white{color: #575756 !important; font-weight: 500;}
.download-high-img{ padding-top: 8px; position: absolute; right: 30px; bottom: 30px; background: rgba(0,75,154, 0.5); padding: 5px 10px; }
.download-high-img a.underline-link span.txt{color: #38c5ff;     border-bottom: 1px solid rgba(56, 197, 255, 0.4);}
.download-high-img a:hover.underline-link span.txt{color: #fff;     border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
span.news-details-date{font-weight: 600;   font-size: 1rem; margin-bottom: 10px; display: block; text-transform: uppercase;}
ul.news-details-pdf-download{ display: flex; margin-bottom: 30px;}
ul.news-details-pdf-download li{padding-right: 30px;}

.news-details-footer{background: linear-gradient(to left, #f3f3f3 50%, #f9f9f9 50%); padding: 80px 0px;}
.news-details-footer a h4.sub-title { font-size: 1.5rem;  color: #004fa3; text-transform: none;  letter-spacing: -0.5px;   display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.news-details-footer a:hover h4.sub-title{color: #ef3e33;}
.news-details-footer .col-lg-6:nth-of-type(1){padding-right: 60px;}
.news-details-footer .col-lg-6:nth-of-type(2){padding-left: 60px;}


.newsfooterslider{display: flex !important; padding-left: 3.75rem;}
.newsfooterslider .owl-prev{ -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg); border: 1px solid rgba(224, 224, 224, 0.6) !important; border-radius: 0px !important; }
.newsfooterslider .owl-next{-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg); border: 1px solid rgba(224, 224, 224, 0.6) !important; border-radius: 0px !important;}
.newsfooterslider  .owl-nav{text-align: left; left: 0px; position: absolute; margin-top: 0rem;}
.newsfooterslider .owl-nav [class*=owl-]:focus, .newsfooterslider .owl-nav [class*=owl-]:hover{background: transparent; color: #004fa3; }
.newsfooterslider .owl-prev span, .newsfooterslider .owl-next span{padding: 12px; display: inline-block; font-size: 14px;}
.newsfooterslider .owl-nav [class*=owl-]{margin: 0px !important; display: block;}


/* Events CSS*/
/*.events-border{border: 1px solid rgba(236, 236, 236, 0) !important;}*/
ul.events-footer-list{display: block; margin-top: 0.938rem;}
ul.events-footer-list li{display: inline-block; width: 45%; font-size: 1rem; padding-bottom: 1.125rem; font-weight: 500; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; }
ul.events-footer-list li .event-cont{display: flex; }
ul.events-footer-list li:last-child{width: 100%;}
ul.events-footer-list li span{padding-right: 0.313rem;}
ul.events-footer-list li b{font-size: 0.875rem;}
ul.events-footer-list li a.website-link{color: #ef3e33; line-height: 1.125rem; word-break: break-all;}
ul.events-footer-list li a.location-link{color: #575756;}
.news-block:hover ul.events-footer-list li, .news-block:hover ul.events-footer-list li a.location-link{color: #fff;}
.news-block:hover ul.events-footer-list li a.website-link{color: #38c5ff;}

/* News Responsive CSS*/
@media only screen and (max-width: 1399px) {
.news-block  .news-content p{    display: -webkit-box;     -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;     margin-bottom: 30px;}
}
@media only screen and (max-width: 1199px) {
.news-details iframe{height: 500px;}
/*.news-details img{height: 500px;}*/
.newsfooterslider  .owl-nav{display: block !important;}
 ul.events-footer-list li{width: 100%; padding-bottom: 1rem;}
    .news-block .news-content p{display: none;}
    .news-block .news-content h4{    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
}


@media only screen and (max-width: 991px) {
    .news-details-footer{background: #f3f3f3; padding: 60px 0px;}
    .news-details-footer .col-lg-6:nth-of-type(1){padding-right:0px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(94, 97, 104, 0.2);}
    .news-details-footer .col-lg-6:nth-of-type(2){padding-left: 10px;}
}


@media only screen and (max-width: 767px) {
    .news-block{margin-bottom: 30px;}
/*     .news-block .news-img, .news-block:hover .news-img{border: 0rem;}*/
    .news-details iframe{height: 300px;}
/*    .news-details img{height: 300px;}*/
    .news-details-footer{ padding: 40px 0px;}
    .news-block .news-img img{height: auto;}
}


@media only screen and (max-width: 479px) {
   /* .news-block .news-content{padding: 30px 5px 30px 5px}*/
        .daterangepicker{width: 100%;}
    .daterangepicker .drp-calendar{max-width: 100%;}
    .news-footer{display: block;}
    .news-footer span{display: block; width: 100%;}    
    .news-footer span:nth-of-type(2){text-align-last: left; padding-top: 15px;}
    .news-block .news-content p{margin-bottom: 25px;}
    .daterangepicker .drp-selected{padding-right: 0px; padding-bottom: 10px;  display: block;}
    .daterangepicker .drp-buttons{text-align: center;}
   
     .news-details-footer a h4.sub-title{-webkit-line-clamp: 3; font-size: 1.2rem;}
    .download-high-img{position: inherit; background: rgba(0,75,154, 1);}
}

@media only screen and (max-width: 320px) {
   
}


/* Page Not Found*/
ul.page-not-found{ display: flex; margin-bottom: 7.5rem;  border-bottom: 0rem; margin-top:1.875rem; align-items: baseline;}
ul.page-not-found li{padding-right: 1.875rem;  }
ul.page-not-found li:first-child{width:50%;}

/* Page Not Found Responsive */
@media only screen and (max-width: 1199px) {

}


@media only screen and (max-width: 991px) {
    ul.page-not-found{display: block;}
    ul.page-not-found li input{margin-bottom: 0rem;}
   ul.page-not-found li,  ul.page-not-found li:first-child{width:100%; padding-right: 0rem; padding-bottom: 1.875rem; text-align: center;}
}


@media only screen and (max-width: 767px) {
    ul.page-not-found{margin-bottom: 0rem;}
}


@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 320px) {
   
}

/* Media Kit CSS*/
.media-link ul{display: block;}
.media-link ul li {display: flex; padding-bottom: 15px; line-height: 16px; text-transform: uppercase; font-family: 'Eurostile'; font-size: 16px; font-weight: 600; letter-spacing: 1.5px;}
.media-link ul li:last-child{padding-bottom: 0rem;}
.media-link ul li span{padding-right: 0.5rem;}
.media-link ul li span.icon-pdf{padding-right:0.4rem;}
.media-link ul ul{display:flex; /*padding-left: 3px; */padding-right: 3px;}
.media-link ul ul li{ border-right:2px solid #575756; padding-right: 5px; margin-right: 5px; padding-bottom: 0px;}
.media-link ul ul li:last-child{border:0px; padding-right:0px; margin-right:0px;}


/*-- Responce to Covid 19 Stats -- */
.covid19-stats{background: #004fa3; padding: 2.5rem;  color: #fff; float: right; width: 30%; margin-left: 2.5rem;  margin-bottom: 2.5rem;  display: flex; margin-top: 7px;} 
.covid19-stats-block{display: inline-flex; padding-right: 1.75rem; align-items: center;}
.covid19-stats img{height: 5rem; margin-bottom: 0.625rem;}
.covid19-stats-block .products-stats{padding: .5rem 0rem 0rem 0rem; margin-bottom: 0rem;}
.covid19-stats-block .products-stats span.cont .number {font-size: 2.2rem; line-height: 3rem; display: inline-flex;}

/* Responce to Covid 19 Stats Responsive */
@media only screen and (max-width: 1399px) {
    .covid19-stats {width: 45%;}
}

@media only screen and (max-width: 1199px) {
    .covid19-stats img {height: 5rem;}
}


@media only screen and (max-width: 991px) {
    .covid19-stats{width: 100%; padding: 2rem;}
    .covid19-stats-block .products-stats span.cont .number{font-size: 2.5rem;}
}


@media only screen and (max-width: 767px) {
    .covid19-stats{width: 100%; margin-left: 0rem;}

}


@media only screen and (max-width: 479px) {
    
   .covid19-stats,  .covid19-stats-block{display: block; text-align: center;}
   .covid19-stats  .products-stats span.cont{text-align: center; display: block;}
    .covid19-stats-block{padding-right: 0px;}
}

@media only screen and (max-width: 320px) {
   
}


/* Contact Us CSS*/
.contact-form {border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;}
.contact-form input{margin-bottom: 30px;}
.contact-form textarea{padding-top:20px;}

.contact-main-address{  margin-bottom: 2.5rem;  color: #fff; height: 100%; display: block;}
.contact-main-address-overlay{background: rgba(0, 79, 163, 0.9); padding: 2.5rem; height: 100%;}
.contact-main-address h5{color:#fff; text-transform:uppercase;}
.contact-main-address p.address{font-size:1rem;}
.contact-main-address  a:hover{color:#38c5ff;}

.contact-main-address ul.address-links li:before{content:"";}
.contact-main-address ul.address-links li:first-child{display: none;}
.contact-main-address ul.address-links li span{padding-right:0.625rem; color: #d5cfbd;}
.contact-main-address ul.address-links li {padding-left:0rem; margin-bottom:0.625rem;}
.contact-main-address ul.address-links{border-bottom: 1px solid rgba(255, 255, 255, .3); padding-bottom:1.563rem; margin-bottom:1.563rem;}

ul.address-social-media{display:flex;}
ul.address-social-media li:before{content:"";}
ul.address-social-media li:first-child{padding-right:0.938rem;}
ul.address-social-media li {padding-left:0rem; padding-right:0.625rem; font-size: 1rem;}
ul.address-social-media li a{color: #d5cfbd;}

/* Direct Contacts CSS*/
.direct-contact-address{background: rgba(245,245,245,1.00); padding: 2.5rem; margin-bottom: 1.875rem; }
.direct-contact-address p{text-align:inherit; font-size: 1rem; margin-bottom: 0rem; }
.direct-contact-address ul.address-links li{padding-left: 0rem; margin-bottom: 0.625rem; font-size: 1rem;}
.direct-contact-address ul.address-links li:first-child{display: none;}
.direct-contact-address ul.address-links li span {padding-right: 0.625rem; color: #9a9a9a;}
.direct-contact-address ul.address-links li:before{content: '';}
.direct-contact-address ul.address-links li a:hover{color: #ef3e33;}
.direct-contact-address ul.address-links li a.email-link{color: #ef3e33;}
.direct-contact-address ul.address-links li a.email-link:hover{color: #004fa3;}
/*.working-hours p{margin-bottom: 0rem; font-size: 1rem;}*/
.direct-contact-address b{color: #000000;}
.direct-contact-address .accordion-button, .direct-contact-address .accordion-item{background: rgba(245,245,245,1.00);}
.direct-contact-address h4{font-size: 1.225rem;}

/* Direct Contacts GMT Timing*/
#stickys { position: sticky;  position: -webkit-sticky;  top: 150px; }


/* Contact Us Responsive */
@media only screen and (max-width: 1199px) {
    .contact-main-address-overlay{padding: 2rem;}
    .products-stats span.cont .number{font-size: 1.8rem;}
#stickys { top: 0px; }
}


@media only screen and (max-width: 991px) {
    #stickys {margin-bottom: 30px;}
    .contact-main-address {height: auto;}
}


@media only screen and (max-width: 767px) {

}


@media only screen and (max-width: 479px) {
    ul.address-social-media, ul.address-social-media li:first-child{display: block;}
    ul.address-social-media li{display: inline-block;}
    .contact-main-address ul.address-links li:first-child {display: block;}
    .contact-main-address ul.address-links li:nth-of-type(2){display: none;}
    .direct-contact-address ul.address-links li:first-child{display: block;}
    .direct-contact-address ul.address-links li:nth-of-type(2){display: none;}
}

@media only screen and (max-width: 320px) {
   
}

/* Video Gallery CSS*/
.main-video-gallery{ display: block;   background: #004fa3;   margin-bottom: 3.125rem;}
.main-video-gallery .content-block {padding-top: 3.75rem; padding-right: 3.75rem; position: relative; height: 100%;}
.main-video-gallery .content-block .small-title{text-transform: uppercase; color: #fff; font-size: 0.875rem; padding-bottom: 0.75rem; display: block;}
.main-video-gallery .content-block h4 {color: #fff;}
.main-video-gallery .content-block p{color: #d5d5d5; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.main-video-gallery .photogallery figure .image-wrap img, .main-video-gallery .videogallery figure .image-wrap img{height:auto;}
.main-video-gallery .photogallery figure .image-wrap, .main-video-gallery .videogallery figure .image-wrap{height:auto;}
.main-video-gallery .image-wrap .viewgallery span{opacity:0;}
.main-video-gallery .image-wrap:hover .viewgallery span{opacity:1;}
ul.main-video-gallery-footer{display:flex; font-size:0.875rem; color:#38c5ff; position: absolute; bottom: 3.75rem; left: 0px;}
ul.main-video-gallery-footer li{padding-right: 1.25rem;}
ul.main-video-gallery-footer li:last-child{padding-right: 0rem;}
ul.main-video-gallery-footer li:last-child a:after{content: '|'; padding-left:0.313rem ; padding-right:0.313rem ; color: #80a7d1;}
ul.main-video-gallery-footer li:last-child a:last-child:after{content: '';}
ul.main-video-gallery-footer a{ text-decoration:underline; }
ul.main-video-gallery-footer a:hover{color: #fff;}
ul.main-video-gallery-footer span{color:#80a7d1; font-size:1.125rem; padding-right: 0.5rem; }

.main-video-gallery-thumb{margin-bottom: 3.125rem;}
.main-video-gallery-thumb h4{margin-top:20px;}
.main-video-gallery-thumb:hover h4{color: #ef3e33; }
.main-video-gallery-thumb .photogallery figure .image-wrap img, .main-video-gallery-thumb .videogallery figure .image-wrap img{height:auto; }
.main-video-gallery-thumb .photogallery figure .image-wrap, .main-video-gallery-thumb .videogallery figure .image-wrap{height:auto;}
/*.main-video-gallery-thumb .image-wrap .viewgallery .icon-text .content{background-color: rgba(52, 15, 15, 0.6); -webkit-clip-path: polygon(100% 75%, 78% 100%, 100% 100%);  clip-path: polygon(100% 75%, 78% 100%, 100% 100%); transition: all 1s;}
.main-video-gallery-thumb:hover .image-wrap .viewgallery .icon-text .content{ -webkit-clip-path: polygon(0 1%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 1%, 100% 0%, 100% 100%, 0% 100%); }*/
.main-video-gallery-thumb .image-wrap .viewgallery .icon-text .content{width: 150px; height: 150px; 	background-color: rgba(52, 15, 15, 0.6);	transition: all .3s;  -webkit-clip-path: polygon(100% 77%, 100% 77%, 100% 100%, 77% 100%); clip-path: polygon(100% 77%, 100% 77%, 100% 100%, 77% 100%);}

.event-photo-gallery{position: relative;}
.event-photo-gallery .number-photos{left:20px; bottom: 20px; color: #fff; position: absolute; z-index: 4; font-size: 12px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: rgba(52, 15, 15, 0.6); padding: 0.5rem 0.7rem; width: 120px; text-align: center; }
.event-photo-gallery:hover .number-photos{left: 41%; background-color: rgba(52, 15, 15, 0); padding: 0rem;}

.main-video-gallery-thumb:hover .image-wrap .viewgallery .icon-text .content{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.main-video-gallery-thumb .image-wrap .viewgallery .icon-text {position:relative;}
.main-video-gallery-thumb .image-wrap .viewgallery .icon-text span{position:absolute; right:1.25rem; bottom:1.25rem; font-size:1.25rem;}
.main-video-gallery-thumb:hover .image-wrap .viewgallery .icon-text span {left:2%; top:43%; font-size:2.25rem; color:#fff;  }

.main-video-gallery-thumb ul.main-video-gallery-footer{position: inherit; width: 100%;}
.main-video-gallery-thumb ul.main-video-gallery-footer span,  .main-video-gallery-thumb ul.main-video-gallery-footer li:last-child a:after{color: #575756;}
.main-video-gallery-thumb ul.main-video-gallery-footer {color:#575756;}
.main-video-gallery-thumb ul.main-video-gallery-footer a:hover{color:#ef3e33;}
.video-gallery-title {position: relative;}
.video-gallery-title h4{color:#000000; margin-top: 1rem;  margin-bottom:0rem; position: absolute; right: 0px; display: flex; align-items: center;}
.video-gallery-title h4 span{color: rgba(239, 62, 51, 1); padding: 0px 5px 0px 15px;}
.video-gallery-title h4 a{color:#004fa3;}
.video-gallery-title h4 a:hover{color:#ef3e33;} 
span.gallery-event-date{font-weight: 600;  font-size: 1rem;  text-transform: uppercase;  font-family: 'Eurostile'; letter-spacing: 1px; display: block;}

.video-details-title h2{text-transform: inherit;}
.main-photo-gallery-thumb .main-video-gallery-thumb .image-wrap .viewgallery .icon-text span{right: 0.75rem; bottom: 0.75rem;}

/* Video Gallery Responsive */
@media only screen and (max-width: 1399px) {
    .main-video-gallery .content-block p{-webkit-line-clamp: 3; text-align: left;}
    ul.main-video-gallery-footer{display: block;}
    ul.main-video-gallery-footer li{padding-bottom:0.625rem ;}
     .event-photo-gallery:hover .number-photos{left: 38%;}
}
@media only screen and (max-width: 1199px) {
    .event-photo-gallery:hover .number-photos{left: 35%;}
    .main-video-gallery .content-block{    padding-top: 1.75rem;  padding-right: 1.75rem;}
    ul.main-video-gallery-footer{bottom: 1.75rem;}
}


@media only screen and (max-width: 991px) {
    .main-video-gallery .content-block{padding: 1.75rem;}
    ul.main-video-gallery-footer{position: inherit; display: flex;}
    .event-photo-gallery:hover .number-photos{left: 42%;}
}


@media only screen and (max-width: 767px) {
    .video-gallery-title h4{position: relative; left: 0px; margin-bottom: 2rem; margin-top: 0rem;}
     .event-photo-gallery:hover .number-photos{left: 44%;}
     .event-photo-gallery .number-photos{width: auto;}
    .main-video-gallery-thumb .image-wrap .viewgallery .icon-text span{right: .7rem;  bottom: .9rem;  font-size: 1rem;}
}


@media only screen and (max-width: 479px) {
    ul.main-video-gallery-footer{display: block;}
    .main-video-gallery-thumb .image-wrap .viewgallery .icon-text .content{-webkit-clip-path: polygon(100% 65%, 100% 65%, 100% 100%, 65% 100%);     clip-path: polygon(100% 65%, 100% 65%, 100% 100%, 65% 100%);}
}

@media only screen and (max-width: 320px) {
   
}


 /* Procurement */
/*ul.approved-vendors {display:block; margin-top: 0.625rem;}
ul.approved-vendors  li {background: #f6f6f6; padding: 1.25rem 1.563rem; margin-right: 1.875rem; margin-bottom: 1.875rem; display: inline-block; width: 30%;}
ul.approved-vendors  li:nth-of-type(3n){margin-right: 0rem;}
ul.approved-vendors  li h5{color: #000;}
ul.approved-vendors li span{color: #898989; padding-right: 0.625rem;}
ul.approved-vendors li  a{font-size: 1rem;}*/

.procurement-sub-img{height: 248px; object-fit: cover;  overflow: hidden;}


.procurement-tender-notice .cont-block{display: block; padding:5px 0px 15px 0px; }
.procurement-tender-notice a{display: flex; font-size: 1rem; font-weight: 500; margin-right: 30px; padding-bottom: 10px;}
.procurement-tender-notice a:hover{color: #ef3e33;}
.procurement-tender-notice span.icon-pdf{color: #9e9e9e; padding-right: 5px;}

.approved-vendors-main-block{background: #004fa3;}
ul.approved-vendors { display: flex;  background: rgb(0, 79, 163, 0.9); padding: 2.25rem; }
ul.approved-vendors li {/*display: inline-flex;*/ color: #fff; width: 50%; }
ul.approved-vendors li .inner-block{border: 0rem; margin-bottom: 0rem;}
ul.approved-vendors li .inner-block .products-stats{padding: 1rem 1.5rem;}
ul.approved-vendors li .inner-block .products-stats span.icon{color: #fff;}
ul.approved-vendors li .inner-block .products-stats ul li{width: auto; border: 0rem;}
ul.approved-vendors li .inner-block .products-stats span.title, ul.approved-vendors li .inner-block .products-stats span.cont, ul.approved-vendors li .inner-block .products-stats span.cont .number{color: #fff; }
ul.approved-vendors li .inner-block .products-stats span.cont .number{font-size: 2.2rem; line-height: 2.2rem; }
ul.approved-vendors li .inner-block .products-stats span.cont .percentage{font-weight: 500; font-size: 1.5rem;}


/* Guidelines */
.guidelines-block .col-lg-6 {display: flex;}
.guidelines-block a{display: flex; font-weight: 500; padding: 1.25rem;   border-bottom: 0.063rem solid #ddd;   margin-bottom: 0rem; width: 100%;}
.guidelines-block a .block{display: block; color: #000; -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
.guidelines-block a span.gallery-event-date{font-weight: 600; font-size: 1rem;  text-transform: uppercase;  font-family: 'Eurostile'; letter-spacing: 1px; color: #575756;}
.guidelines-block a:hover {background: #f6f6f6; }
.guidelines-block a:hover .block{color: #ef3e33;}
.guidelines-block a:hover span{color: #575756;}
.guidelines-block  span{font-size: 1.875rem;  padding-right: 0.938rem; color: #9e9e9e;}


.sap-ariba-network{background: #004fa3; color: #fff;  padding: 3.75rem 3.125rem;}
.sap-ariba-network h3{color: #fff;}
.sap-ariba-network p{color: #d5cfbd; width: 75%;}
ul.sap-ariba-network-link li{display: block; padding-left: 0rem; position: relative; margin-bottom: 0.75rem;}
ul.sap-ariba-network-link li:before{content: '';}
ul.sap-ariba-network-link li a{color: #fff; text-transform: uppercase; font-family:'Eurostile' ; font-weight: 600; letter-spacing: 1.5px;  font-size: 14px; display: block; border-bottom: 1px solid rgba(255, 255, 255, .3);  padding-bottom: 0.75rem;      -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
ul.sap-ariba-network-link li a:hover{color: #38c5ff;}
ul.sap-ariba-network-link li a:after{  -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
ul.sap-ariba-network-link li a:hover:after{ content: "\e927"; font-family: 'st-icons'; position: absolute; right: 0rem; top: -0.063rem; color: #fff;}

.vendor-register{background: rgba(245,245,245,1.00); padding: 2.5rem; }
.vendor-register h5{font-family: 'Montserrat', sans-serif; font-weight: 600; color: #000; margin-bottom: 1.563rem;}

/* Procurement Responsive */
@media only screen and (max-width: 1599px) {
.procurement-sub-img{height: 335px; object-fit: cover;  overflow: hidden;}

}
@media only screen and (max-width: 1399px) {

}
@media only screen and (max-width: 1199px) {
/*    ul.approved-vendors  li {margin-right: 1.25rem; margin-bottom: 1.25rem; width: 47%;}
    ul.approved-vendors  li:nth-of-type(2n){margin-right: 0rem;}
    ul.approved-vendors  li:nth-of-type(3n){margin-right: 1.25rem; }*/
}


@media only screen and (max-width: 991px) {
    .procurement-sub-img{height: auto;}
    .vendor-register{margin-top: 2.5rem;}
    .sap-ariba-network p{width: 100%;}
    
}


@media only screen and (max-width: 767px) {

}


@media only screen and (max-width: 479px) {
/*    ul.approved-vendors  li {width:100%; margin-right: 0rem;}*/
    ul.approved-vendors{padding: 1rem .7rem;}
    ul.approved-vendors li .inner-block .products-stats span.cont .number{font-size: 1.5rem;}
    ul.approved-vendors li .inner-block .products-stats span.cont .percentage{font-size: 1rem;}
}

@media only screen and (max-width: 320px) {
   
}

 /* Leadership */
.chairman-main-block p{margin-top: 30px;     display: -webkit-box;   -webkit-line-clamp: 6;   -webkit-box-orient: vertical;   overflow: hidden;   text-overflow: ellipsis;}
.chairman{background: #f9f9f9; border: 1px solid rgba(94, 97, 104, .2); padding: 35px;}

.chairman-effect-block{background: #f9f9f9; border: 1px solid rgba(94, 97, 104, .2); position: relative; /*padding: 2.188rem;*/  overflow: hidden; margin-bottom: 50px;}
.chairman-effect-block a .overlay{position: absolute; left: 0rem; top: 0rem; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;   box-sizing: border-box;    border: 35px solid rgba(249,249,249,1.00); /*border-bottom: 125px solid rgba(249,249,249,1.00);*/  background-color: transparent; transition: all 0.3s ease-in-out; cursor: pointer;}

.chairman-effect-block a:hover img{   -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.chairman-effect-block a:hover .overlay{  border: 35px solid rgba(255,0,4, 0);  /*border-bottom: 125px solid rgba(255,0,4, 0); */ -webkit-box-shadow:inset 0px 0px 0px 1px #fff;   -moz-box-shadow:inset 0px 0px 0px 1px #fff;    box-shadow:inset 0px 0px 0px 1px #fff; opacity: 0.3;}
.chairman-effect-block a .gradient{position:absolute; left: 0px; bottom: 0px; width: 100%; height: 300px;    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ z-index:2; }


.leadership-block{background: #f9f9f9; border: 1px solid rgba(94, 97, 104, .2); position: relative; /*padding: 2.188rem;*/  overflow: hidden; margin-bottom: 50px;}
.leadership-block a .overlay{position: absolute; left: 0rem; top: 0rem; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;   box-sizing: border-box;    border: 35px solid rgba(249,249,249,1.00); border-bottom: 125px solid rgba(249,249,249,1.00);  background-color: transparent; transition: all 0.3s ease-in-out; cursor: pointer;}

.leadership-block a:hover img{   -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.leadership-block a:hover .overlay{  border: 35px solid rgba(255,0,4, 0);  border-bottom: 125px solid rgba(255,0,4, 0);  -webkit-box-shadow:inset 0px 0px 0px 1px #fff;   -moz-box-shadow:inset 0px 0px 0px 1px #fff;    box-shadow:inset 0px 0px 0px 1px #fff; opacity: 0.3;}
.leadership-block a .gradient{position:absolute; left: 0px; bottom: 0px; width: 100%; height: 300px;    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ z-index:2; }

.leadership-block a .title{position: absolute; padding: 0px 35px;   width: 100%; bottom: 0px; height: 100px; z-index: 5;}
.leadership-block a .title:after{content:"\e903"; font-family: 'st-icons'; right: 35px; top:15px; position: absolute; opacity: 0;}
.leadership-block a:hover .title:after{opacity: 1; color: #fff;}
.leadership-block a .title h5{margin-bottom: 0px;}
.leadership-block a .title span.designation{font-size:14px;}
.leadership-block a:hover .title h5{color:#38c5ff;}
.leadership-block a:hover span.designation{color:#fff;}


.management-block .leadership-block a, .management-block .leadership-block a .overlay {cursor: default;}
.management-block .leadership-block a .title:after{opacity: 0;}

/* Leadership Responsive */
@media only screen and (max-width: 1399px) {

}
@media only screen and (max-width: 1199px) {
    .chairman{padding: 20px;}
    .leadership-block a .overlay{border: 0px solid rgba(249,249,249,1.00); }
    .leadership-block a .title {height: 100px; bottom: 0px;}
    .leadership-block a .title:after{top: 15px;}
    .leadership-block a:hover .overlay{border: 20px solid rgba(255,0,4, 0); border-bottom: 125px solid rgba(255,0,4, 0)}
    .leadership-block a .title h5{color: #fff;}
    .leadership-block a .title span.designation{color: #ddd;}
/*    .leadership-block{position: inherit;}
    .leadership-block a .overlay{border: 20px solid rgba(249,249,249,1.00); border-bottom: 0px; }
    .leadership-block a .title{position: inherit; background: #f9f9f9; z-index: 2; }*/
}


@media only screen and (max-width: 991px) {

    
}


@media only screen and (max-width: 767px) {

}


@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 320px) {
   
}

 /* Awards & Initiatives */
.awards-paragraph .news-block p, .awards-paragraph .news-block .news-content h4{-webkit-line-clamp: inherit; margin-bottom: 10px;}
.awards-paragraph .news-block:hover{background: #fff;}
.awards-paragraph .news-block:hover h4 {    color: #004fa3;}
.awards-paragraph .news-block:hover p, .awards-paragraph .news-block:hover .category-section{color: #575756;}
.awards-paragraph .news-block:hover .category-section b{color: #004fa3;}
.awards-paragraph  .news-block .news-content {padding: 0px 20px;;}

.awards-timeline .timeline-navigation#leftNav .fa-chevron-circle-left, .awards-timeline .timeline-navigation#leftNav .fa-chevron-circle-left.inactive, .awards-timeline .timeline-navigation#rightNav .fa-chevron-circle-right{display:none !important;}
.awards-timeline .category-section{font-weight: 500; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 1px;}
.horizontal-timeline ol li{cursor: default !important;}

/* Awards & Initiatives Responsive */
@media only screen and (max-width: 1199px) {
.awards-paragraph .news-content p{display: block;}
}

@media only screen and (max-width: 767px) {
.awards-paragraph .news-block .news-content{padding: 30px 0px;}
}

/* Publications */
.publication-block span.archive{margin-top:0.938rem; display: block; } 
.publication-block span.archive .btn-link:after{content: "\e903" !important; padding-left: 10px;}
.publication-block .btn.btn-link{margin-right: 0.625rem;}
.publication-block span.archive .btn.btn-link{font-size: 14px;}
.pdf-mobile{display:none;}
.pdf-desktop {
    display: inline-block;
}
/* Publications Responsive */
@media only screen and (max-width: 1399px) {
    .publication-block a{margin-bottom: 0.625rem; margin-right: 0rem;}
    .publication-block span.archive{margin-top: 0rem;}
    .publication-block span.archive .btn.btn-link{padding: 0rem; font-size: 11px; word-break: break-all;}
}

@media only screen and (max-width: 1199px) {
    .publication-block a{margin-bottom: 0.625rem; margin-right: 0rem;}
    .publication-block span.archive .btn-link:after{content: "" !important;}
    
}

@media only screen and (max-width: 991px) {
    
}


@media only screen and (max-width: 767px) {
    .publication-block span.archive .btn-link:after{content: "\e903" !important;}
}


@media only screen and (max-width: 479px) {
    .pdf-mobile {
        display: inline-block;
    }

    .pdf-desktop {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
   
}


/* CSR Awards*/
.csr-awards{    padding: 5rem 0rem;}
.year{font-weight: 600;  font-size: 1rem;  text-transform: uppercase;}
.csr-carousel {position: relative;}
.csr-carousel .owl-nav{position: absolute; right: 0rem; top: -3.75rem;}
.csr-carousel .owl-prev, .csr-carousel .owl-next{border: 1px solid rgba(224, 224, 224, 0.6) !important; display: inline-block !important; }
.csr-carousel .owl-prev span, .csr-carousel .owl-next span{padding: 12px;  display: inline-block;  font-size: 14px;}

.csr-carousel .disabled{color: #ccc !important;}

/* CSR Awards Responsive */
@media only screen and (max-width: 991px) {
    .csr-awards { padding: 3.75rem 0rem;}
}

@media only screen and (max-width: 767px) {
    .csr-awards { padding: 2.5rem 0rem;}
}

/* Annual General Meetings*/
h3.annual-general-meetings-title{padding-left:0.938rem;}
ul.annual-general-meetings-block{display:block;}
ul.annual-general-meetings-block li{display:flex; width: 100%; background: #fff; padding: 0.938rem;  -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
ul.annual-general-meetings-block li:hover{background: #f6f6f6;}
ul.annual-general-meetings-block li div{display:inline-flex; padding-right: 0.313rem; font-size: 14px;}
/*ul.annual-general-meetings-block li div:nth-of-type(1){width: 4%;}*/
ul.annual-general-meetings-block li div:nth-of-type(2){width: 96%;}
ul.annual-general-meetings-block li div:last-child{/*width: 2%;*/ text-align:right;}
ul.annual-general-meetings-block li div  a{font-weight: 600;}
ul.annual-general-meetings-block li div  a:hover{color:#ef3e33; }
ul.annual-general-meetings-block li div  a:nth-of-type(2){border-left:2px solid #ccc; padding-left:8px; margin-left:8px;}

/* CSR Awards Responsive */
@media only screen and (max-width: 479px) {
    ul.annual-general-meetings-block li {display: block; }
    ul.annual-general-meetings-block li div{display: block; padding-bottom: 1px; width: 100%; padding-right: 0rem;}
    ul.annual-general-meetings-block li span{font-size: 22px;}
    ul.annual-general-meetings-block li div:last-child{text-align: left;}
}


/* Regulatory Filings */
.regulatory-filings ul.annual-general-meetings-block li div{font-size: 16px;}
.regulatory-filings ul.annual-general-meetings-block li div:nth-of-type(1){width: 2%;}
.regulatory-filings ul.annual-general-meetings-block li div:nth-of-type(2){width: 10%;}
.regulatory-filings ul.annual-general-meetings-block li div:nth-of-type(3){width: 95%;}
.regulatory-filings ul.annual-general-meetings-block li div:nth-of-type(4){width: 5%;}
.regulatory-filings span.year{padding: 0px 8px; color: #004fa3;}
.regulatory-filings span.icon-pdf{font-size: 18px;}
.regulatory-filings  ul.annual-general-meetings-block li div a{height: 20px;}

/* Regulatory Filings Responsive*/
@media only screen and (max-width: 1199px) {
    .regulatory-filings    ul.annual-general-meetings-block li {display: block;}

}

@media only screen and (max-width: 991px) {
    .regulatory-filings ul.annual-general-meetings-block li div:nth-of-type(1){width: auto; display: inline-flex; padding-right: 5px;}
    .regulatory-filings ul.annual-general-meetings-block li div:nth-of-type(2){width: 40%; display: inline-flex;}
    .regulatory-filings ul.annual-general-meetings-block li div/*, .regulatory-filings ul.annual-general-meetings-block li div:nth-of-type(2)*/{display: block; width: 100%; padding: 3px 0px; text-align: left;}
    .regulatory-filings span.year {padding: 0px;}
    ul.annual-general-meetings-block li span.year{font-size: 16px;}
    .regulatory-filings ul.annual-general-meetings-block li div:nth-of-type(4){width: 100%;}
}
/*  Projects Key Facts*/
.projects-keyfacts.financial-highlights-block .inner-block .products-stats span.cont .number{font-size: 1.4rem;}
.projects-keyfacts .products-stats{padding: 2rem;}
.projects-keyfacts ul li{padding-left: 0px; margin-bottom: 0px;}
.projects-keyfacts ul li:before{content: '';}

/*  Projects Milestone*/
.projects-milestone-block .col-lg-12:last-child ul.projects-milestone li:nth-of-type(1):before{background: transparent;}
.projects-milestone-block span.icon-calendar{padding-right: 5px;}
ul.projects-milestone{display:flex; /*margin-top: 1.875rem;*/}
ul.projects-milestone li{vertical-align: top; width: 90%; padding-left: 2rem; }
ul.projects-milestone li:nth-of-type(1){padding-right: 1.875rem; padding-left: 0rem;  width: 15%;  position: relative; }
ul.projects-milestone li:nth-of-type(1):before{content: '';   left: 40%;   width: 1px;   top: 60px; background: #bdbdbf; position: absolute; height: calc(100% - 39px);}
ul.projects-milestone li h2{color: #004fa3; font-size: 3.875rem; line-height: 3.2rem; font-weight: 700; font-family: 'Montserrat', sans-serif;  letter-spacing: -0.063rem;}
ul.projects-milestone li h4{font-size: 1.5rem;  color: #004fa3;    letter-spacing: -0.5px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
ul.projects-milestone a{/*margin-bottom:2.5rem;*/ display:block;}
ul.projects-milestone a:hover h4{color: #ef3e33;}
ul.projects-milestone a:hover span{color: #575756;}

/*  Projects Key Facts Responsive*/
@media only screen and (max-width: 1399px) {
    .projects-keyfacts.financial-highlights-block .inner-block .products-stats span.cont .number{font-size: 1.1rem;}
}

/* Projects Milestone Responsive */
@media only screen and (max-width: 479px) {
ul.projects-milestone,  ul.projects-milestone li{display:block;}
 ul.projects-milestone li h2{font-size: 2.8rem;}
}

/* Other Products*/
ul.other-products{display: block;}
ul.other-products li:first-child{padding-top: 0rem;}
ul.other-products li{display: block; padding-top: 5rem; padding-bottom: 2.5rem;}
ul.other-products li .sl-block{display: flex;}
ul.other-products li .small-block{width:35%; padding-left: 3.125rem; -ms-flex-order: 2; -webkit-order: 2;  order: 2; padding-top: 6px;}
ul.other-products li .large-block{width:65%; -ms-flex-order: 1; -webkit-order: 1;  order: 1;}

ul.other-products li:nth-of-type(2n){background: #f9f9f9; padding: 5rem 0rem;}
ul.other-products li:nth-of-type(2n) .small-block{width:35%; padding-left: 0rem; padding-right: 3.125rem;  -ms-flex-order: 1; -webkit-order: 1;  order: 1;}
ul.other-products li:nth-of-type(2n) .large-block{width:65%; -ms-flex-order: 2; -webkit-order: 2;  order: 2;}

/* Other Products Responsive */
@media only screen and (max-width: 1199px) {
    ul.projects-milestone li h2{font-size: 3rem; line-height: 2.3rem;}
    ul.other-products li{padding-top: 3.75rem;}
    ul.other-products li:nth-of-type(2n){padding: 3.75rem 0rem;}
}

@media only screen and (max-width: 991px) {
    ul.projects-milestone li:nth-of-type(1):before{background: transparent;}
    ul.projects-milestone li{padding-left: 0rem;}
    ul.projects-milestone{display: block;}
    ul.projects-milestone li, ul.projects-milestone li:nth-of-type(1){width: 100%;}
     ul.other-products li .sl-block, ul.other-products li .small-block,  ul.other-products li .large-block,   ul.other-products li:nth-of-type(2n) .sl-block, ul.other-products li:nth-of-type(2n) .small-block,  ul.other-products li:nth-of-type(2n) .large-block{width: 100%; display: block; padding: 0rem;}
}

/* Annual Reports*/
.annual-reports .chairman{padding:1.25rem;}
.annual-reports .chairman-main-block{background:#f9f9f9;}
.annual-reports .quotes{font-weight: 500; padding: 1.875rem 3.125rem 2.75rem 1.875rem ;}
.annual-reports-popup .quotes {padding:2rem 6.5rem 2.5rem 6.5rem;}
.annual-reports .quotes p{text-align: left; margin: 0px; padding-left: 3.125rem; line-height: 24px; font-size: 16px; letter-spacing: 1px;}
.annual-reports .quotes:before{content:'\e914'; font-family: 'st-icons'; display:block; font-size:40px; opacity: 0.3;}
.annual-reports .quotes:after{content:'\e914'; font-family: 'st-icons'; display:block; font-size:40px; transform: rotate(180deg); line-height:25px; opacity: 0.3;}
.annual-reports h5{margin-bottom: 0px;}
.annual-reports span.designation{font-size: 14px;}
.annual-reports-popup .quotes:before{line-height:30px;}



/* Chart */

.igFrameBar {
  width: 100%;
  height: 200px;
  position: relative;
  border: 1px solid #ddd;
    top: 0px;
    margin-bottom: 35px;
  /*margin: 15% auto 0px auto;*/
  /*transform: translate(0, -50%);*/
}

.igFrameBar:before {
  content:"";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
}

.igFrameBar:after {
  content:"";
  width: 100%;
  height: 50%;
  background: transparent;
  position: absolute;
  top: 25%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.igData {
  width:80px;
  position: absolute;
  bottom: 0px;
  margin: 0px 0px 0px 0px;
  z-index: 99;
  float: left;
}

.igData1 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar1 6.2s 1.1s forwards;
  -moz-animation: showBar1 6.2s 1.1s forwards;
  animation: showBar1 6.2s 1.1s forwards;
}

.igData2{
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar2 6.2s 1.1s forwards;
  -moz-animation: showBar2 6.2s 1.1s forwards;
  animation: showBar2 6.2s 1.1s forwards;
}

.igData3 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar3 6.2s 1.1s forwards;
  -moz-animation: showBar3 6.2s 1.1s forwards;
  animation: showBar3 6.2s 1.1s forwards;
}

.igData4 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar4 6.2s 1.1s forwards;
  -moz-animation: showBar4 6.2s 1.1s forwards;
  animation: showBar4 6.2s 1.1s forwards;
}

.igData5 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar5 6.2s 1.1s forwards;
  -moz-animation: showBar5 6.2s 1.1s forwards;
  animation: showBar5 6.2s 1.1s forwards;
}

.igData6 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar6 6.2s 1.1s forwards;
  -moz-animation: showBar6 6.2s 1.1s forwards;
  animation: showBar6 6.2s 1.1s forwards;
}

.igData7 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar7 6.2s 1.1s forwards;
  -moz-animation: showBar7 6.2s 1.1s forwards;
  animation: showBar7 6.2s 1.1s forwards;
}

.igData8 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar8 6.2s 1.1s forwards;
  -moz-animation: showBar8 6.2s 1.1s forwards;
  animation: showBar8 6.2s 1.1s forwards;
}
.igData9 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar9 6.2s 1.1s forwards;
  -moz-animation: showBar9 6.2s 1.1s forwards;
  animation: showBar9 6.2s 1.1s forwards;
}

.igData10 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar10 6.2s 1.1s forwards;
  -moz-animation: showBar10 6.2s 1.1s forwards;
  animation: showBar10 6.2s 1.1s forwards;
}
.igData11 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar11 6.2s 1.1s forwards;
  -moz-animation: showBar11 6.2s 1.1s forwards;
  animation: showBar11 6.2s 1.1s forwards;
}

.igData12 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar12 6.2s 1.1s forwards;
  -moz-animation: showBar12 6.2s 1.1s forwards;
  animation: showBar12 6.2s 1.1s forwards;
}
.igData13 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar13 6.2s 1.1s forwards;
  -moz-animation: showBar13 6.2s 1.1s forwards;
  animation: showBar13 6.2s 1.1s forwards;
}

.igData14 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar14 6.2s 1.1s forwards;
  -moz-animation: showBar14 6.2s 1.1s forwards;
  animation: showBar14 6.2s 1.1s forwards;
}
.igData15 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar15 6.2s 1.1s forwards;
  -moz-animation: showBar15 6.2s 1.1s forwards;
  animation: showBar15 6.2s 1.1s forwards;
}

.igData16 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar16 6.2s 1.1s forwards;
  -moz-animation: showBar16 6.2s 1.1s forwards;
  animation: showBar16 6.2s 1.1s forwards;
}

.igData17 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar17 6.2s 1.1s forwards;
  -moz-animation: showBar17 6.2s 1.1s forwards;
  animation: showBar17 6.2s 1.1s forwards;
}

.igData18 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar18 6.2s 1.1s forwards;
  -moz-animation: showBar18 6.2s 1.1s forwards;
  animation: showBar18 6.2s 1.1s forwards;
}
.igData19 {
  background: #004fa3;
  height: 0px;
  left: 30%;
  -webkit-animation: showBar19 6.2s 1.1s forwards;
  -moz-animation: showBar19 6.2s 1.1s forwards;
  animation: showBar19 6.2s 1.1s forwards;
}

.igData20 {
  background: #e8ecf0;
  height: 0px;
  left: 55%;
  -webkit-animation: showBar20 6.2s 1.1s forwards;
  -moz-animation: showBar20 6.2s 1.1s forwards;
  animation: showBar20 6.2s 1.1s forwards;
}
.igData:before {
  position: absolute;
  top: -16px;
  font-size: 14px;
  color: #333;
  white-space: pre;
  text-align: center;
  font-weight: 500;
  width: 100%;
}

.igData1:before {
  content: 'US$ 2,733M';
}

.igData2:before {
  content: 'US$ 2,812M';
}

.igData3:before {
  content: 'US$ 307M';
}

.igData4:before {
  content: 'US$ 455M';
}

.igData5:before {
  content: 'US$ 401M';
}

.igData6:before {
  content: 'US$ 195M';
}

.igData7:before {
  content: 'US$ 14M';
}

.igData8:before {
  content: 'US$ 26M';
}
.igData9:before {
  content: 'US$ 2,869M';
}

.igData10:before {
  content: 'US$ 2,871M';
}
.igData11:before {
  content: '45%';
}

.igData12:before {
  content: '46%';
}
.igData13:before {
  content: '55%';
}

.igData14:before {
  content: '54%';
}
.igData15:before {
  content: '4%';
}

.igData16:before {
  content: '0%';
}
.igData17:before {
  content: 'US$ 2,450M';
}

.igData18:before {
  content: 'US$ 2,606M';
}
.igData19:before {
  content: '8.03%';
}

.igData20:before {
  content: '5.73%';
}
.igData:after {
  position: absolute;
  bottom: -25px;
  color: #666;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  width: 100%;
}

.igData1:after {
  content: "2019";
}

.igData2:after {
  content: "2020";
}

.igData3:after {
  content: "2019";
}

.igData4:after {
  content: "2020";
}

.igData5:after {
  content: "2019";
}

.igData6:after {
  content: "2020";
}

.igData7:after {
  content: "2019";
}

.igData8:after {
  content: "2020";
}
.igData9:after {
  content: "2019";
}

.igData10:after {
  content: "2020";
}
.igData11:after {
  content: "2019";
}

.igData12:after {
  content: "2020";
}
.igData13:after {
  content: "2019";
}

.igData14:after {
  content: "2020";
}
.igData15:after {
  content: "2019";
}

.igData16:after {
  content: "2020";
}
.igData17:after {
  content: "2019";
}

.igData18:after {
  content: "2020";
}
.igData19:after {
  content: "2019";
}

.igData20:after {
  content: "2020";
}
@-webkit-keyframes showBar1 {
  0% {
    height: 0px;
  }
  100% {
    height: 65%;
  }
}
@-webkit-keyframes showBar2 {
  0% {
    height: 0px;
  }
  100% {
    height: 80%;
  }
}
@-webkit-keyframes showBar3 {
  0% {
    height: 0px;
  }
  100% {
    height: 30%;
  }
}
@-webkit-keyframes showBar4 {
  0% {
    height: 0px;
  }
  100% {
    height: 42%;
  }
}
@-webkit-keyframes showBar5 {
  0% {
    height: 0px;
  }
  100% {
    height: 55%;
  }
}
@-webkit-keyframes showBar6 {
  0% {
    height: 0px;
  }
  100% {
    height: 20%;
  }
}
@-webkit-keyframes showBar7 {
  0% {
    height: 0px;
  }
  100% {
    height: 35%;
  }
}
@-webkit-keyframes showBar8 {
  0% {
    height: 0px;
  }
  100% {
    height: 45%;
  }
}
@-webkit-keyframes showBar9 {
  0% {
    height: 0px;
  }
  100% {
    height: 75%;
  }
}
@-webkit-keyframes showBar10 {
  0% {
    height: 0px;
  }
  100% {
    height: 76%;
  }
}
@-webkit-keyframes showBar11 {
  0% {
    height: 0px;
  }
  100% {
    height: 70%;
  }
}
@-webkit-keyframes showBar12 {
  0% {
    height: 0px;
  }
  100% {
    height: 76%;
  }
}
@-webkit-keyframes showBar13 {
  0% {
    height: 0px;
  }
  100% {
    height: 55%;
  }
}
@-webkit-keyframes showBar14 {
  0% {
    height: 0px;
  }
  100% {
    height: 54%;
  }
}
@-webkit-keyframes showBar15 {
  0% {
    height: 0px;
  }
  100% {
    height: 20%;
  }
}
@-webkit-keyframes showBar16 {
  0% {
    height: 0px;
  }
  100% {
    height: 0%;
  }
}
@-webkit-keyframes showBar17 {
  0% {
    height: 0px;
  }
  100% {
    height: 20%;
  }
}
@-webkit-keyframes showBar18 {
  0% {
    height: 0px;
  }
  100% {
    height: 55%;
  }
}
@-webkit-keyframes showBar19 {
  0% {
    height: 0px;
  }
  100% {
    height: 64%;
  }
}
@-webkit-keyframes showBar20 {
  0% {
    height: 0px;
  }
  100% {
    height:30%;
  }
}



/* Annual Reports Responsive*/

@media only screen and (max-width: 1500px) {

.igData1, .igData3, .igData5, .igData7, .igData9, .igData11, .igData13, .igData15, .igData17, .igData19 {
  left: 20%;
}
.igData2, .igData4, .igData6, .igData8, .igData10, .igData12, .igData14, .igData16, .igData18, .igData20 {
  left: 60%;
}

}

@media only screen and (max-width: 1420px) {

.igData1, .igData3, .igData5, .igData7, .igData9, .igData11, .igData13, .igData15, .igData17, .igData19 {
  left: 15%;
}

}

@media only screen and (max-width: 940px) {

.igData1, .igData3, .igData5, .igData7, .igData9, .igData11, .igData13, .igData15, .igData17, .igData19 {
  left: 25%;
}

}

/*@media only screen and (max-width: 620px) {

.igData1, .igData3, .igData5, .igData7, .igData9, .igData11, .igData13, .igData15, .igData17, .igData19 {
  left: 30%;
}

}*/

@media only screen and (max-width: 479px) {

.igData1, .igData3, .igData5, .igData7, .igData9, .igData11, .igData13, .igData15, .igData17, .igData19 {
  left: 20%;
}
}
@media only screen and (max-width: 320px) {

.igData1, .igData3, .igData5, .igData7, .igData9, .igData11, .igData13, .igData15, .igData17, .igData19 {
  left: 1%;
}
}
/* Annual Reports Responsive*/
@media only screen and (max-width: 1399px) {
    .annual-reports .quotes{padding: 1.5rem 2rem 2rem 0rem;}
    .annual-reports .quotes p{font-size: 14px; line-height: 20px;}
    .annual-reports-popup .quotes {padding: 2rem;}
}

@media only screen and (max-width: 1199px) {
.annual-reports .chairman{padding:0rem; margin: 1rem;}
    .annual-reports .quotes:before{font-size: 20px;}
    .annual-reports .quotes:after{font-size: 20px;}
    .annual-reports .quotes p{padding-left: 0rem; font-weight: normal;}
}

@media only screen and (max-width: 767px) {
    .annual-reports .quotes{padding:2rem;}
}

/* SHE*/
.she-numbers ul.training-numbers li{width:100%;}

/* Health and Wellness Care Start */
.hwc{background:#f3f3f3;}
.hwc .side-img img{object-fit: cover; height: 520px;}
.hwc .cont{padding: 80px 60px 80px 0px;}
.enviroment .inner-sidenavigation {background-color: rgba(0,0,0,0.2); }
.enviroment .inner-sidenavigation a:hover{color:#38c5ff;}
section.enviroment .overlay{    background-color: rgba(46,82,3,0.9);}

/* SHE Responisve*/
@media only screen and (max-width: 1199px) {
    .hwc .side-img{margin-top: 80px;}
    .hwc .side-img img {height: auto; object-fit: contain;}
}

@media only screen and (max-width: 991px) {
    .hwc .cont{padding-right: 0px;}
    .hwc .side-img{margin-top: 0px; margin-bottom: 80px;}
}

@media only screen and (max-width: 767px) {
    .hwc .side-img{margin-bottom: 40px;}
    .hwc .cont{padding: 40px 0px;}
}

/* Corporate Governance */
.corporate-governance{position: relative;}
.corporate-governance h3{ text-transform: none;}
.corporate-governance .ourhistory-list .accordion-button:after{ position: relative; left: 0px; margin-left: 0px; bottom: 1px; content: ''; width: auto; display: inline-table;  padding-right: 30px;}
.corporate-governance .ourhistory-list .accordion-button:not(.collapsed){background:transparent !important; box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%); }
.corporate-governance .ourhistory-list .accordion-button:not(.collapsed):after {background: url(../images/icons/minus_dark.png) right no-repeat;}
.corporate-governance .ourhistory-list .accordion-button:not(.collapsed):after {color: #ef3e33;}
.corporate-governance ul.side-link-list li a{font-weight:600; padding-right:5px; }
.corporate-governance ul.side-link-list li span.date{font-size:14px; font-weight:500;}
.corporate-governance-body{background: #fbfbfb; padding:40px;}
.corporate-governance-body ul li{display:inline-block; border-right:2px solid #ddd; padding-right: 30px; margin-right: 30px;}
.corporate-governance-body ul li:last-child{border-right: 0px;}
.corporate-governance-body ul li a{font-weight:500;}
.corporate-governance-body ul li a:hover{color:#ef3e33;}
.corporate-governance .ourhistory-block {width:auto; font-weight: 600; text-transform: uppercase; color: #ef3e33; font-family: 'Eurostile';     letter-spacing: 1.5px;}
.corporate-governance .pdf-block h5{color: #000;}
.IR-body{background: #fbfbfb; padding:40px;}
.IR-body ul {display: block;}
.IR-body ul li{width:33%; display: inline-block;  padding-right: 20px; /*margin-right: 20px;*/}
.IR-body ul li ul.year-quater{display: flex;}
.IR-body ul li ul.year-quater li{display: inline-flex; padding-right: 10px;   font-size: 14px;  white-space: nowrap; text-align: left; width: 17%; }
.IR-body ul li ul.year-quater li a{font-weight: 600;}
.IR-body ul li ul.year-quater li a:hover{color: #ef3e33;}
.IR-body ul li ul.year-quater li:last-child{width: 32%;}
.ir-publications-img{border: 1px solid #e5e5e5;}

/* Corporate Governance  Responisve*/
@media only screen and (max-width: 1399px) {
    .corporate-governance-body ul li{margin-bottom: 20px; width: 12%;}
    .IR-body ul li{padding-right: 20px; margin-right: 20px; width: 45%;}
    .IR-body ul li ul.year-quater li{width: 10%;}
    .IR-body ul li ul.year-quater li:last-child{width: 22%;}
}

@media only screen and (max-width: 991px){
.IR-body ul li ul.year-quater li{width: 16%;}
.IR-body ul li ul.year-quater li:last-child{width: 45%;}
}
@media only screen and (max-width:767px) {
   .IR-body ul li{padding-right: 0px; margin-right: 0px; width: 100%;}
    .IR-body ul li ul.year-quater li{width: 14%;}
    .ir-publications-img{margin-bottom: 25px;}
    .corporate-governance .pdf-block{padding: 0px;}
    .corporate-governance-body ul li{width: 25%; border: 0px;}
    
}

@media only screen and (max-width:479px) {
    .corporate-governance .ourhistory-list .accordion-button:after{content: ''; width: 20px;}
    .corporate-governance-body ul li{border: 0px; margin-right: 5px; padding-right: 5px; width: 20%; }
    .corporate-governance-body ul li:last-child{margin-bottom: 0px;}
    .corporate-governance ul.side-link-list li, .corporate-governance ul.side-link-list li span {/*display: block; */padding-bottom: 5px;}
   
    .ir-publications-block p{text-align: left;}    
    .ir-publications-block .corporate-governance ul.side-link-list li, .corporate-governance ul.side-link-list li span{display: flex;}
    
    .IR-body ul li{margin-bottom: 15px;}
    .IR-body ul li ul.year-quater{display: block;}
    .IR-body ul li ul.year-quater li:first-child{width: 100%; margin-bottom: 2px;}
    .IR-body ul li ul.year-quater li{width: 15%;}    
}

@media only screen and (max-width:320px) {
    .IR-body ul li ul.year-quater li{width: 100%;}
    .corporate-governance-body ul li{width: 40%;}
}

/* Facts & Figures */
.areas-map{overflow: hidden;}
.areas-map a img{-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.areas-map a:hover img{transform: scale(1.1);}

ul.areas-block{display:block;}
ul.areas-block li{ display:inline-block; margin-right:2.5rem; width: 46%; }
ul.areas-block li .products-stats{padding: 0rem;}
ul.areas-block li:nth-of-type(2n){margin-right:0rem;}
ul.areas-block li .products-stats .overlay-block{padding:2.5rem; background-color:rgba(0,79,163,0.9); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: default;}
ul.areas-block li .products-stats:hover .overlay-block{background-color:rgba(0,79,163,1); color:#fff;}

.reduction-lines-block{background-color:rgba(243,243,243,0.5); padding:80px 0px; margin-top:80px;}


.financial-highlights-block{padding:80px 0px;}
.financial-highlights-block .inner-block{border:1px solid #e6e6e6; margin-bottom: 50px; width: 100%; }
.financial-highlights-block .inner-block .products-stats{background:transparent; margin-bottom:0px;}
.financial-highlights-block .inner-block .products-stats span.cont .number { font-size: 1.7rem; line-height: 1.7rem;}
.financial-highlights-block .inner-block .products-stats ul{display: flex;}
.financial-highlights-block .inner-block .products-stats ul li{ padding-right: 20px;}
.financial-highlights-block .inner-block .products-stats ul li:last-child{padding-right: 0px;}
.financial-highlights-block .inner-block .products-stats span.icon{color: #004fa3; font-size: 50px;}
.financial-highlights-block .inner-block .products-stats span.title{color:#575756;}
.financial-highlights-block .inner-block .products-stats span.cont .number{color:#004fa3;}


.man-power-block{/*background-color:rgba(243,243,243,0.5);*/ background: linear-gradient(to bottom, #f9f9f9 95%, #fff 5%);}
.man-power-block .listing-block ul li{color: #000; font-weight: 500; font-size: 1.25rem; margin-bottom: 1rem;}
.man-power-block li span{color: #004fa2;}
.man-power-block h3{margin-top: 80px;}
.man-power-block .sideimg{margin-top: -60px;}

.products-range-block .financial-highlights-block a .inner-block{margin-bottom: 10px;     -webkit-transition: all 0.3s ease 0s;     -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s; position: relative;}
.products-range-block .financial-highlights-block a:hover .inner-block img{transform: scale(1.0);}
.products-range-block .financial-highlights-block a:hover .inner-block img{transform: scale(1.1);}
.products-range-block .financial-highlights-block a:hover .inner-block{background:#004fa3;}

.products-range-block .financial-highlights-block a .inner-block span.icon-r-arrow{opacity: 0; font-size: 25px; position: absolute; right: 30px; bottom: 30px;}
.products-range-block .financial-highlights-block a:hover .inner-block span.icon-r-arrow{opacity: 1; color: #fff;}

.products-range-block a{margin-bottom: 50px; display: block;}

.hot-metal-block .products-stats {background: transparent; padding: 0px;}
.hot-metal-block .products-stats {padding-left: 20px;}

.power-plants{padding-left: 20px;}
.power-plants h3{margin-top:120px;}
.power-plants p{color: #000;   font-weight: 500;  font-size: 1.25rem; margin-bottom: 15px;}
.power-plants p span{color: #004fa2;}
.power-plants p.comment{font-weight: 100;}

.cmsdp{padding: 80px 0px; background:#f9f9f9;  }
.cmsdp h3{margin-bottom: 40px;}
.cmsdp p.title{color: #000;  font-weight: 500;  font-size: 1.25rem; margin-bottom: 5px;}
.cmsdp p{color: #004fa2; font-size: 1rem; line-height: 1.5rem; text-align: left;}

.total-2020{background: linear-gradient(to left, #f9f9f9 50%, #fff 50%); padding: 80px 0px;}

 #myChart {   width: auto;  height: 100%;   min-height: 250px;  }
#myChart-license-text{display: none !important;}
#myChart-graph-id0-plots-bl-0{display: none !important;}
ul.chart-responsive { display: none;}
ul.chart-responsive li{margin-bottom: 10px;  font-family: 'Eurostile';  font-weight: bold;}
ul.chart-responsive li:before{content: "\e944"; font-family: 'st-icons'; padding-right: 10px;}
/*ul.chart-responsive li.eb{color: #9c9c9c;}
ul.chart-responsive li.fa{color: #004fa3;}
ul.chart-responsive li.rs{color: #80a5cf;}
ul.chart-responsive li.si{color: #be9d04;}
ul.chart-responsive li.lm{color: #58595b;}*/

    ul.chart-responsive li.eb_1 {
        color: #be9d04;
    }

    ul.chart-responsive li.eb_2 {
        color: #58595b;
    }

    ul.chart-responsive li.eb_3 {
        color: #9c9c9c;
    }

    ul.chart-responsive li.eb_4 {
        color: #004fa3;
    }

    ul.chart-responsive li.eb_5 {
        color: #80a5cf;
    }

.zc-rel{left: -55px !important; top: -30px !important;}
.zc-ref {  display: none; }

.total-export{padding-left: 20px;}
.total-export a img{ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.total-export a:hover img{transform: scale(1.1);}
#myChart-tools{display: none !important;}
/* Facts & Figures Responisve*/
@media only screen and (max-width: 1399px) {
    ul.areas-block li{margin-right: 2rem;}
    ul.areas-block li .products-stats span.cont .number{font-size: 2rem;}
    .financial-highlights-block .inner-block .products-stats{padding: 1.5rem;}
    .financial-highlights-block .inner-block .products-stats ul{display: block;}
   .financial-highlights-block  .products-stats span.cont,  .financial-highlights-block .products-stats span.number{display: flex; } 
    .financial-highlights-block .inner-block .products-stats span.cont .number{font-size: 1.5rem;}
    .financial-highlights-block .products-stats span.title{font-size: 0.675rem;}
    
    .hot-metal-block .products-stats span.cont, .hot-metal-block .products-stats span.number{display: flex;}
}

@media only screen and (max-width: 1199px) {
    ul.areas-block li{margin-right: 1.5rem; }
    ul.areas-block li .products-stats a .overlay-block{padding: 1.5rem;}
    ul.areas-block li   .products-stats span.title{letter-spacing: 1px; font-weight: normal;}
    ul.areas-block li  .products-stats{margin-bottom: 1.5rem;}
    
    .man-power-block{background: #f9f9f9; padding-bottom: 60px;}
    .power-plants{margin:100px 0px;}
}

@media only screen and (max-width: 991px) {
    .reduction-lines-block{margin-top: 40px;}
    .reduction-lines-block, .financial-highlights-block, .total-2020{padding: 60px 0px;}
    .financial-highlights-block .inner-block{margin-bottom: 30px;}
    .man-power-block h3{margin-top: 40px;}
    .man-power-block .sideimg{margin-top: 0px;}
    .products-range-block a{margin-bottom: 30px;}
    .hot-metal-block  {padding-top: 60px;}
    .total-2020{background: #fff;}
    .total-export{margin-top: 50px; padding-left: 0px;}
    .power-plants{padding-left: 0px;}
    .cmsdp p{margin-bottom: 40px;}

}

@media only screen and (max-width:767px) {
    #myChart-top{width: auto;}
      #myChart {height: auto;}
    #myChart .zc-text{display: none;}
        ul.chart-responsive{display: block;}
    ul.chart-responsive li{display: inline-block; width: 40%;}
}
@media only screen and (max-width: 479px) {
     #myChart-top{margin-top: 25px !important;}
    ul.areas-block li{margin-right: 0rem; display: block; width: 100%;}
   .hot-metal-block .products-stats span.cont .number{font-size: 1.7rem;}
    .zc-rel{left: 0px !important;}
    ul.chart-responsive li{display: inline-block; width: 100%;}
  
/*    #myChart{display: none;}*/

}

/* Product slider*/
/*.products-wrapper .product-item{position: relative; top: -5px;}*/
.firstactiveitem{
/*    border-top: 2px solid red;*/
    height: 2px;
    background: #ef3e33;
    position: absolute;
    z-index: 333333333;
    top: 0px; transition: all 0.2s ease-in-out;
}
.firstactiveitem .product-item{border-top: 2px solid  #ef3e33;}


/* Search Box Button*/
.search-iconn{position:relative;}
.search-button {
  position: absolute;
  right: 20px;
  top: -30px;
    z-index:20000000000000;
/*  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);*/
}
.search-toggle {
  position: relative;
  display: block;
  height: 10px;
  width: 10px;
}
.search-toggle::before, .search-toggle::after {
  content: '';
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.search-toggle::before {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 150%;
    height: 150%;
    left: -2px;
    top: -2px;
}
.search-toggle::after {
height: 2px;
    width: 7px;
    background: #fff;
    top: 12px;
    left: 10px;
  -webkit-transform: rotate(45deg);
}
.search-toggle.active::before {
  width: 0;
  border-width: 1px;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -1px;
  left: 4px;
    height:12px;
}
.search-toggle.active::after {
  width: 12px;
  left: -1px;
  top: 4px;
}
.search-input:focus {
  outline: none;
}


/* Example #1 */


 .search-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
/*  background-color: #f4d03f;*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
     top:-65px;
}
 .search-box .search-input {
  width: 100%;
  height: 100%;
  padding: 0 1em;
  border: 0;
/*  background-color: transparent;*/
        background-color: rgba(0, 101, 208, 1);
  opacity: 0;
  color: #fff;
     font-size:14px;
}
 .search-box .search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.show .search-box {
  max-height: 40px;
  padding:5px 0;
}
.show .search-box .search-input {
  opacity: 1;
    height:50px;
}

.navik-header.sticky  .search-toggle::before{border-color:#004fa3;}
.navik-header.sticky .search-toggle::after{background:#004fa3;}
.navik-header.sticky .search-box .search-input {background:#fafafa; color:#000; border-right: 1px solid rgba(224, 224, 224, 0.6); border-left: 1px solid rgba(224, 224, 224, 0.6); border-bottom: 1px solid rgba(224, 224, 224, 0.6);}
.navik-header.sticky  .search-box .search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

/* Search Responisve*/
@media only screen and (max-width: 1199px) {
    .search-iconn{position: absolute; right: 0px;  top: 90px; width: 100%;}
    .search-button{    right: 60px;     top: -50px;}
    .search-toggle::before{border-color:#004fa3;}
    .search-toggle::after{background-color:#004fa3;}
    .search-box{top: -15px;}
}

@media only screen and (max-width: 575px) {
    .search-button{top:-35px;}
}

.boxon {
    height: 16px;
    width: auto;
    vertical-align: baseline;
    display: inline-block;
    padding-left: 5px;
}


/* Intractive Summary CSS*/
.fancybox-slide--iframe .fancybox-content {
    width  : 900px;
    height : 600px;
    max-width  : 90%;
    max-height : 90%;
    margin: 0;
}


/* Intractive Summary Responisve*/
@media only screen and (max-width: 575px) {
    .fancybox-slide--iframe .fancybox-content{
          max-width  : 100%;
    max-height : 100%
    }
    #chairman .modal-body,  #ceo .modal-body{padding: 30px;}
    #chairman  .modal-content .btn-close, #ceo  .modal-content .btn-close {right: 12px;   top: 12px;}
}