* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	overflow-x: hidden!important; 
	scroll-behavior: smooth; 
	font-size: 14px;
	color: #333;
	scroll-behavior: smooth;
}

p{
	font-size: 15px;
}

.playdis {
	font-family: 'Playfair Display', serif;
}

a {
	color: #000; 
	text-decoration: none;
}

b, strong {
    font-weight: bold;
}
972
a:hover { 
	text-decoration: none;
}
.golden {
	color: #bd7805;
}
.black {
	color: #000;
}
.white {
	color: #fff !important;
}
.grey-bg {
	background-color: #f8f8fa;
}
.relative {
	position: relative;
}
.center {
	margin: 0 auto;
}

.bdr-btm {
	border-bottom: 3px solid #bd7805;
	width: 70px;
}
.pd-top80 {
	padding-top: 80px;
}
.pd-btm50 {
	padding-bottom: 50px;
}
.pd-top60 {
	padding-top: 60px;
}
/* Header Style Starts Here */

.header {
  transition:500ms ease;
  background:transparent !important;
  padding-top: 10px;
  padding-bottom: 8px;

}
.header.scrolled {
  background:#fff !important;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}
.header .navbar-brand {
	filter:invert(1);
	-webkit-filter:invert(1);
	margin-left: 10px;
}
.header.scrolled .navbar-brand {
	filter: invert(0);
	-webkit-filter:invert(0);
}
.header.scrolled .nav-item .nav-link {
	color: #000 !important;
	padding: 5px;
}
.header .nav-item .nav-link:hover {
	color: #bd7805 !important;
}
.header.scrolled .nav-item .nav-link:hover {
	color: #bd7805 !important;
}

.header.scrolled .nav-item .nav-link:hover .dropdown-menu{
	display: block;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.header .nav-item {
	margin-left: 5px;
    margin-right: 5px;
}

.header .nav-item .nav-link {
	color: #fff !important;
	padding: 5px;
}

.header .nav-item .dropdown-menu li{
    border-bottom: 0.5px solid #ccc;
}

.header .nav-item .dropdown-menu li a {
    color: #fff !important;
    padding: 5px 0;
    display: block;
}

.header .nav-item .dropdown-menu li:last-child{
	border-bottom: transparent;
}

.header .nav-item .dropdown-menu {
    padding: 5px 5px 5px;
    font-size: 13px;
    /* border: transparent; */
    border-radius: 0;
    background: transparent;
    border: 1px solid #ccc;
}

.header.scrolled .nav-item .dropdown-menu {
    padding: 5px 5px 5px;
    font-size: 13px;
    /* border: transparent; */
    border-radius: 0;
    background: #fff;
    border: 1px solid #fff;
}

.header.scrolled  .nav-item a {
	color: #000 !important;
}

.header.scrolled  .nav-item .dropdown-menu li{
    border-bottom: 0.5px solid #fff;
}

.header.scrolled  .nav-item .dropdown-menu li a {
    color: #000 !important;
    padding: 5px 0;
    display: block;
}

.header.scrolled .nav-item .dropdown-menu li a:hover{
   color: #bd7805 !important;
}

.header.scrolled  .nav-item .dropdown-menu li:last-child{
	border-bottom: transparent;
}

.dropdown-toggle::after{
	display: none;
}

.navbar-light .navbar-toggler-icon{
	background-image: url(../images/menu.png);
}

.navbar-light .navbar-toggler{
	border-color: transparent;
}

.header.scrolled.navbar-light .navbar-toggler-icon{
	background-image: url(../images/menu-b.png);
}

.navbar-toggler:focus, .navbar-toggler:hover{
	outline: none;
}

.caret{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
/* Header Style Ends Here */

.overlay {
	position: absolute;
	background-color: rgba(0,0,0,0.6);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.video-text {
	position: absolute;
	left: 10%;
	top: 30%;
}
.video-text h1 {
	font-size: 60px;
	font-weight: 600;
	background: -webkit-linear-gradient(#8ca8bd, #d2cdd4, #cacd95);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.video-text h4 {
	text-transform: uppercase;
	letter-spacing: 10px;
	color: #fff;
}

.heading {
	font-family: "Playfair Display";
	color: #000;
	font-size: 30px;
	margin-bottom: 15px;
}

.heading-2 {
	font-family: "Playfair Display";
	color: #000;
	font-size: 27px;
	margin-bottom: 15px;
}

.heading-3 {
	font-family: "Playfair Display";
	color: #000;
	font-size: 22px;
	margin-bottom: 15px;
}

.read-more a {
	color: #bd7805;
	transition: transform .2s;
	font-weight: 600;
}
.read-more a:hover {
	color: #bd7805;
	-ms-transform: scale(1.5); /* IE 9 */
  	-webkit-transform: scale(1.5); /* Safari 3-8 */
  	transform: scale(1.5);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next{
    background-image: none;
}
.swiper-button-prev svg, .swiper-button-next svg {
  width: 50%;
}

.home-infra h3 {
	margin-top: 10px;
}
.home-infra > div > div {
	margin-bottom: 10px;
}
.home-numbers span {
	color: #bd7805;
	font-weight: 600;
	font-size: 48px;
}

.home-products {
	background-color: #000;
}
.home-prod-1 {
	padding-left: 30px;
}
.home-prod-2 {
	padding-right: 30px;
}

.men-prod {
	position: absolute;
	right: 10%;
	top: 30%;
	color: #000;
}
.men-prod h1 {
	font-size: 40px;
	font-family: "Playfair Display";
}
.men-prod .explore a {
	text-transform: uppercase;
	border:1px solid #000;
	border-radius: 20px;
	padding: 7px 30px;
	font-size: 15px;
	letter-spacing: 2px;
}
.men-prod .explore a:hover {
	color: #000;
}

.kids-prod {
	position: absolute;
	left: 10%;
	top: 30%;
	color: #000;
}
.kids-prod h1 {
	font-size: 40px;
	font-family: "Playfair Display";
}
.kids-prod .explore a {
	text-transform: uppercase;
	border:1px solid #000;
	border-radius: 20px;
	padding: 7px 30px;
	font-size: 15px;
	letter-spacing: 2px;
}
.kids-prod .explore a:hover {
	color: #000;
}
.home-clients {
	margin-top: 50px;
	margin-bottom: 50px;
}
.home-clients img {
	display: inline-block;
	filter: grayscale(100%);
	-webkit-filter:grayscale(100%);
	opacity: 0.5;
	margin-left: 5px;
	margin-right: 5px;
}
.home-clients img:hover {
	filter: grayscale(0);
	-webkit-filter:grayscale(0);
	opacity: 1;
}

.home-clients .heading{
	text-align: center;
}

/* Footer Style Starts Here */

.footer {
	background-color: #000;
	padding-top: 50px;
}
.footer ul.list-style {
	padding-left: 0px;
	list-style: none;
	text-align: center;
}
.footer ul.list-style li {
	display: inline-block;
    margin-left: 5px;
    margin-right: 5px;

}
.footer ul.list-style li a {
	color: #fff;
}
.footer ul.list-style li a:hover {
	color: #bd7805;
}
.footer ul.footer-links li a {
	font-size: 16px;
}
.footer .footer-btm {
	background-color: #0d0d0d;
	margin-top: 30px;
	text-align: center;
	color: #fff;
	font-size: 90%;
	padding-top: 10px;
}
/* Footer Style Ends Here */

.banner-about {
	background-image: url(../images/banner-about.jpg);
	background-attachment: fixed;
	min-height: 400px;
}

.banner-infrastructure {
	background-image: url(../images/banner-infrastructure.jpg);
	background-attachment: fixed;
	min-height: 400px;
}

.banner-products {
	background-image: url(../images/banner-products.jpg);
	background-attachment: fixed;
	min-height: 400px;
}

.banner-sustainability {
	background-image: url(../images/banner-sustainability.jpg);
	background-attachment: fixed;
	min-height: 400px;
}

.banner-contact {
	background-image: url(../images/banner-contact.jpg);
	background-attachment: fixed;
	min-height: 400px;
}

.banner-career {
	background-image: url(../images/banner-career.jpg);
	background-attachment: fixed;
	min-height: 400px;
}

.banner-login {
	background-image: url(../images/banner-login.jpg);
	background-attachment: fixed;
	min-height: 400px;
}

/* About Page Style Starts Here */


.inner-banner h1 {
	color: #fff;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 40%;
	text-align: center;
	font-size: 40px;
}
.chairman {
	background-image: url(../images/chairman-bg.jpg);
	background-attachment: fixed;
	min-height: 500px;
	padding-right: 100px;
	color: #fff;
}
.list-style {
	padding-left: 0px;
	list-style: none;
}
.chairman {
	padding-top: 50px;
	padding-bottom: 50px;
}

.vrt-bdr {
	border-left: 1px solid #000;
  	height: 100px;
	left: 50%;
	margin-left: -3px;
	top: 0;
}

.about-text p{
	text-align: justify;
}

.chairman p, .ashish-dua p, .munish-dua p{
	text-align: justify;
}

.home-infra p{
	text-align: justify;
}
/* About Page Style Ends Here */

/* Contact Page Style Starts Here */

.contact-icon{
	margin-top: 25px;
}

.input-style {
	width: 50%;
	float: left;
}
.field {
  	display: flex;
  	flex-flow: column-reverse;
  	margin-bottom: 1em;
  	width: 43%;
	float: left;
	margin-right: 30px;
	margin-top: 32px;
}
.msg-field {
	width: 90%;
}
.contact label, .contact input,  .contact textarea {
  transition: all 0.2s;
  touch-action: manipulation;
}

.contact input, .contact textarea {
  /*font-size: 1.5em;*/
  border: 0;
  border-bottom: 1px solid #ccc;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  cursor: text;
}

.contact input:focus, .contact textarea:focus {
  outline: 0;
  border-bottom: 1px solid #666;
}

.contact label {
  /*text-transform: uppercase;
  letter-spacing: 0.05em;*/
}
/**
* Translate down and scale the label up to cover the placeholder,
* when following an input (with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.
*/
.contact input:placeholder-shown + label, .contact textarea:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 2.125rem) scale(1.1);
}
/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity: 0;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity: 0;
}
:-moz-placeholder { /* Firefox 18- */
  opacity: 0;
}
/**
* Show the placeholder when the input is focused.
*/
.contact input:focus::-webkit-input-placeholder, .contact textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}
/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
.contact input:not(:placeholder-shown) + label,
.contact input:focus + label, 
.contact textarea:not(:placeholder-shown) + label,
.contact textarea:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}

.contact-btn {
	margin-top: 10px;
	float: left;
}

.contact-btn button {
	background-color: #000;
	border:0;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;
}

.contact-btn button:hover {
	background-color: #bd7805;
	transition: 1s ease;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
}
.contact-center .bdr {
	border-left: 1px solid #ddd;
	float: left;
	height: 100%;
	text-align: center;
}
#map {
	height: 500px;
	width: 100%;
}
/* Contact Page Style Ends Here */


/* Sustainability Page Style Starts Here */

.icons:before {
	display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    background-size: 100%;
    position: absolute;
    left: 4%;
    content: "";
	/*content: url(../images/001-house.png);
	position: absolute;
	left: 0;
	width: 20%;
	height: 20%;*/
}

.grey-bg .icons:before{
  left: 5%;
}

.icons {
	padding-left: 30px;
}

.icon-1:before {
	background: url("../images/006-women.png") no-repeat 0 0;
}
.icon-2:before {
	background: url("../images/002-renewable-energy.png") no-repeat 0 0;
}
.icon-3:before {
	background: url("../images/003-drop.png") no-repeat 0 0;
}
.icon-4:before {
	background: url("../images/001-house.png") no-repeat 0 0;
}
.icon-5:before {
	background: url("../images/005-hands.png") no-repeat 0 0;
}
.icon-6:before {
	background: url("../images/006-shield.png") no-repeat 0 0;
}
.sustainability {
	padding: 50px 65px;
}
/* Sustainability Page Style Ends Here */

.about-text span{
	font-weight: 600;
}

.header .nav-item .nav-link.active{
	color: #bd7805 !important;
}

.icon-4 p b{
	font-weight: bold;
}

.grey-bg{
	padding: 50px 80px;
}

/*--------------growth statistics---------------*/

.gs2, .gs4{
	background: #f8f8fa;
	padding: 60px 15px;
	margin: 50px auto;
}

.gs1 p, .gs2 p, .gs3 p, .gs4 p{
    font-size: 15px;
    color: #000;
    width: 90%;
    text-align: justify;
}

.gs4{
	margin-bottom: 0;
}

/*---------------------product lightbox---------------------*/

.product1 .carousel-control-next, .product1 .carousel-control-prev{
	margin-top: 10%;
}

.product1 .carousel-item.active {
    width: 100%;
}

.modal.product1{
	padding-right: 0;
}

.products-listing{
	text-align: center;
}

.prdt-btn{
	border: 1px solid #929292;
    padding: 5px 15px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

.prdt-btn:hover{
	background: #000;
	color: #fff;
	transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
}

.carousel-control-next-icon{
	background-image: url(../images/arrow-r.png);
	width: 15px;
    height: 25px;
}

.carousel-control-next, .carousel-control-prev{
	width: 30px;
}

.carousel-control-prev-icon{
	background-image: url(../images/arrow-l.png);
	width: 15px;
    height: 25px;
}


.selection select{
	padding: 5px;
	border-radius: 0;
	border-color: #ccc;
}

.selection input{
	padding: 5px;
}

.selection select:focus{
	outline: none;
}

.selection{
	margin-top: 20px;
}

.selection input:focus{
	border-bottom: transparent;
}

.products-modal img{
	text-align: center;
	margin:0 auto;
}

.products-modal h4{
	width: 90%;
}


 [class^='imghvr-'], [class*=' imghvr-'] {
    position: relative;
    display: inline-block;
    margin: 0px;
    max-width: 100%;
    background-color: #2266a5;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before, [class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
    vertical-align: top;
    max-width: 100%;
}

[class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {
    opacity: 0;
}

[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
    background-color: #000;
    position: absolute;
    padding: 40% 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

[class^='imghvr-'] > a, [class*=' imghvr-'] > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {
    opacity: 0.9;
}

a.prdt-btn {
    margin: 10px;
    display: inline-block;
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 7px 20px;
    opacity: 10;
    font-size: 14px;
}

/*------------------------login-register-----------------------*/

.login .field{
   width: 85%;
}

.forgot{
	text-align: right;
}

.forgot-form .field{
	width: 100%;
}

.forgot-form{
	margin-bottom: 25px;
}

/*-----------------------clients------------------*/

 .swiper-container {
      width: 100%;
      height: 100%;
    }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.s3 .swiper-button-next:focus, .s3 .swiper-button-prev:focus{
  outline: none;
}

.s3 .swiper-button-next, .s3 .swiper-button-prev{
	top:65%;
}

.s3 .swiper-button-next{
	right:0;
}


/*----------------------philosophy-----------------*/

.tpm{
	padding: 70px;
	background: #f7f7f7;
}

.modernization{
	padding: 60px 0;
}

.certification-logo{
	margin-bottom: 30px;
}

.certification-logo ul li{
	display: inline-block;
    list-style: none;
    width: 19%;
    text-align: center;
    vertical-align: middle;
}

.quality {
    padding: 40px 0 50px;
    background: #f7f7f7;
}

.facilities {
    margin-top: 60px;
}

#vision p, #mission p{
	width: 60%;
	margin: 0 auto;
}

#mission{
	margin-top: 30px;
}

#infrastructure p, #facilities p, #quality p, .sustainability p{
	text-align: justify;
}

.vision-text{
	margin-top: -50px;
}

/*-------------------top button--------------------*/

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

.counter-value{
	color: #bd7805;
    font-weight: 800;
    font-size: 48px;
}

.home-numbers span {
    color: #bd7805;
    font-weight: 600;
    font-size: 48px;
    float: right;
    position: absolute;
    top: -7px;
    right: 32%;
}