/*home css start*/
.img-col1 {
	padding: 0;
}
.bg_video{
	width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg_video video{
	object-fit: cover;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: calc(100vh - 90px);
    pointer-events: none;
    opacity: 1;
}
.video-content{
	position: absolute;
	text-align: center;
	font-family: Outfit-Regular;
	height: 70vh;
	/*display: inline-grid;*/
}

.text1 {
	font-family: Outfit-Regular;
	color: #606060;
}
.txt2 {
	font-family: Outfit-Medium;
	color: #000000;
	font-weight: bold;
}
.sol-power {
	font-family: Outfit-Regular;
	color: #606060;
	margin-top: 1%;
	line-height: 30px;
}
.im-play {
	cursor: pointer;
	width: 90%;
	height: auto;
	/*margin-left:50px;*/
	margin-top: 30px;
}
.vw-page {
	padding-left: 50%;
	font-family: Outfit-Regular;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0.75px;
	opacity: 1;
	font-weight: bold;
	font-size: 19px;
}
.vw-page:hover {
	padding-left: 50%;
	font-family: Outfit-Regular;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0.75px;
	opacity: 1;
	font-weight: bold;
}

.img-tag {
	cursor: pointer;
	width: 90%;
	height: auto;
	/*margin-left:50px;*/
	margin-top: 30px;
}
.drink-sp {
	font-family: Outfit-Regular;
	color: #606060;
	margin-top: 1%;
	line-height: 30px;
}
.headd {
	margin: 15% 0 0;
	/*margin-top: -27%;*/
	/*margin-left: 7%;*/
	/*text-align: center;*/
	font-size: xxx-large;
	letter-spacing: 2.1px;
	color: #ffffff;
	opacity: 1;
}
.subheadd {
	margin: 5% 0 0;
	/*margin-top: 2%;*/
	/*margin-left: 8%;*/
	/*text-align: center;*/
	color: white;
	font-size: large;
	letter-spacing: 2.1px;
	color: #ffffff;
	opacity: 1;
	font-size: 25px;
}
.keep-btn {
	letter-spacing: 0.75px;
	color: #089b20;
	/*margin-left: 47%;*/
	opacity: 1;
	padding: 2px 8px;
	border: none;
	/*margin-top: 10%;*/
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 40%;
	right: 40%;
}
.row {
	margin-left: 0;
	margin-right: 0;
}

.animate {
	/*margin-left: 48%;*/
	position: relative;
	-webkit-animation: glide 1.5s ease-in-out alternate infinite;
}
#About-Gresol{
	padding-top: 100px;
}

@-webkit-keyframes glide {
	from {
		left: 0px;
		top: 0px;
	}

	to {
		left: 0px;
		top: 10px;
	}
}
.animate1 {
	position: relative;
	animation: mymove 1.5s infinite;
}

@keyframes mymove {
	from {
		left: 0px;
	}
	to {
		right: 10px;
	}
}

/*home css end*/
/*industrial css start*/
.hd-col {
	background-color: #46464f;
}

.head-col1 {
	color: #f5f5f5;
	padding: 20px 16px;
	margin: 0;
	height: 10%;
	font-family: Outfit-Medium;
	letter-spacing: 0.9px;
	color: #f5f5f5;
	opacity: 1;
	font-size: 18px;
}

.init-margin {
	padding: 0% 5%;
}
.inter-grp {
	text-align: left;
	font-family: Outfit-Light;
	letter-spacing: 0.75px;
	color: #606060;
	opacity: 1;
	margin-left: 6%;
	width: 90%;
	margin-top: 2%;
	font-size: 17px;
}
.inter-grp1 {
	text-align: left;
	font-family: Outfit-Light;
	letter-spacing: 0.75px;
	color: #606060;
	opacity: 1;
	margin-left: 6%;
	width: 90%;
	/*margin-top: 2%;*/
	font-size: 17px;
}
.range-in {
	text-align: left;
	font-family: Outfit-Medium;
	letter-spacing: 0.9px;
	color: #606060;
	opacity: 1;
	font-size: 19px;
	margin-left: 4%;
	list-style-type: none;
	margin-bottom: 15px;
}
.des-mod {
	font-family: Outfit-Light;
	letter-spacing: 0.75px;
	color: #606060;
	opacity: 1;
	text-align: left;
	font-size: 17px;
	margin-bottom: 15px;
}
.drop-img {
	width: 20px;
	height: 20px;
	margin-right: 15px;
}
.up-grade {
	margin-left: 6%;
	text-align: left;
	font-size: 19px;
	font-family: Outfit-Medium;
	letter-spacing: 0.9px;
	color: #606060;
	opacity: 1;
}
.up-grade1 {
	margin-left: 6%;
	text-align: left;
	font-size: 17px;
	letter-spacing: 0.75px;
	font-family: Outfit-Light;
	color: #606060;
}
.img-tag1 {
	cursor: pointer;
	width: 90%;
	height: auto;
	/*margin-left:50px;*/
	margin-top: 30px;
}
.top-menu {
	margin-top: 30px;
}
.back-cls {
	background-color: #f5f5f5;
}
.range {
	text-align: left;
	font-family: Outfit-Medium;
	letter-spacing: 0.9px;
	color: #606060;
	opacity: 1;
	font-size: 19px;
	margin-left: 0%;
	list-style-type: none;
	margin-bottom: 15px;
}
.range-in1 {
	text-align: left;
	font-family: Outfit-Medium;
	letter-spacing: 0.9px;
	color: #606060;
	opacity: 1;
	margin-left: 6%;
	list-style-type: none;
	margin-bottom: 15px;
}

/*industrial css end*/

/*contactus css start*/
.call-img {
	background-color: #e1e1df;

	height: 363px;
}
.call-cls {
	text-align: center;
	font-family: Outfit-Light;
	font-size: 30px;
	letter-spacing: 1.5px;
	color: #060606;
	opacity: 1;
	margin-top: 20%;
	padding-left: 3%;
}
.smile {
	width: 100%;
	height: 363px;
}
.fr-side {
	background-color: white;
}
.color-white {
	background-color: white;
	padding-top: 40px;
	padding-bottom: 40px;
}
@font-face {
	font-family: Outfit-Regular;
	src: url("<?= base_url('assets/fonts/Outfit-Medium.ttf') ?>");
}

.imp-center {
	width: 100%;
}

.add-pad {
	padding-left: 3%;
}

.add-pad p {
	color: #606060;
	font-family: Outfit-Regular;
}

.inner-bac {
	background-color: white;
}

/*contactus css end*/

@media only screen and (min-width: 1600px) {
	.headd {
		
	}
	.subheadd {
		
	}
	.keep-btn {
		letter-spacing: 0.75px;
		color: #089b20;
		/*margin-left: 47%;*/
		opacity: 1;
		font-family: Outfit-Regular;
		padding: 2px 8px;
		border: none;
		/*margin-top: 11%;*/
		/*position: relative;*/
	}
}

@media only screen and (max-width: 600px) {
	.range-in {
		text-align: left;
		font-family: Outfit-Medium;
		letter-spacing: 0.9px;
		color: #606060;
		opacity: 1;
		font-size: 19px;
		margin-left: 0%;
		list-style-type: none;
		margin-bottom: 15px;
	}
	.range {
		margin-left: -2%;
	}
	.vw-page {
		padding-left: 28%;
	}
	.vw-page:hover {
		padding-left: 28%;
	}
	.headd {
		font-family: Outfit-Regular;
		/*margin-top: -40%;*/
		/*margin-left: 7%;*/
		text-align: center;
		font-size: larger;
		letter-spacing: 2.1px;
		color: #ffffff;
		opacity: 1;
		margin: 40% 0 0;
	}
	.subheadd {
		font-family: Outfit-Regular;
		/*margin-top: 2%;*/
		/*margin-left: 8%;*/
		text-align: center;
		letter-spacing: 2.1px;
		color: #ffffff;
		opacity: 1;
		font-size: unset;
		bottom: 0;
		padding: 0;
	}
	.keep-btn {
		letter-spacing: 0.75px;
		color: #089b20;
		/*margin-left: 39%;*/
		opacity: 1;
		font-family: Outfit-Regular;
		padding: 2px 8px;
		border: none;
		/*margin-top: -4%;*/
		/*position: absolute;*/
		left: 35%;
		right: 35%;
	}
	.animate {
		margin-left: 43%;
	}

	.im-play {
	
	width: 100%;
	
}
.img-tag {
	
	width: 100%;
	
}
.img-tag1{
	width: 100%;
}
}