@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');

body
{
	margin:0px;
font-family: 'Arimo';}
.adngroup a
{
	position:fixed;
	top:90%;
	right:10px;f
	padding:5px 5px 0px 5px;
	background-color:#003399;
	color:#FFFFFF;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}
.topbar
{
	padding:14px 0px;
	background-color: #F90;
	font-size:15px;
}
.bannerimages
{
	position: relative;
	z-index:0;
}
.bannerimages img
{
	width:100%;
	height:300px;
}
.topbar ul
{
	margin-left:50px;
	margin-right:50px;
	margin-top:0px;
	margin-bottom:0px;
}
.topbar li
{
	display:inline-block;
	margin-right:25px;
}
.floatright
{
	float:right;
}
.floatleft
{
	float:left;
	margin-right:20px;
}
.headers
{
	padding:20px 60px;
}
.mobile li
{
	display:inline-block;
	margin-right:0px;
	
	
}
.fnt
{
	font-size:18px;
	font-family: 'Arimo';
	line-height:24px; float:right;
	padding-top:5px;
	padding-left:20px;
}

.sliderframe
{
	height:500px;
	width:100%;
}
.containers
{
	padding:60px 80px;
}
h1
{
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	}
.line
{
	background-image:url(../images/line.PNG);
	background-position:center;
	height:12px;
	margin:15px 0px;
	background-repeat:no-repeat;
}
.line2
{
	background-image:url(../images/line2.PNG);
	background-position:center;
	height:12px;
	margin:15px 0px 55px 0px;
	background-repeat:no-repeat;
}
.line3
{
	background-image:url(../images/line3.PNG);
	background-position:left;
	height:4px;
	margin:15px 0px 35px 0px;
	background-repeat:no-repeat;
}
.conentxt
{
	font-size:16px;
	line-height:27px;
	text-align:justify;
	text-justify:inter-word;
	color: #FFF;
	padding-top:20px;
}
.conentxt2
{
	font-size:15px;
	line-height:26px;
	text-align:justify;
	text-justify:inter-word;
	color: #666;
	padding-top:20px;
}
.h-text
{
	display:inline-block;
	margin-right:60px;
	vertical-align:top;

}
.stm1
{
	width:56%;
}
.stm2
{
	width:35%;
}

.stm2 img
{
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.readmore a
{
	display:block;
	width:130px;
	padding:8px 0px;
	font-size:17px;
	-webkit-border-radius:25px;
	-moz-border-radius:15px;
	border:1px solid #000;
	text-decoration:none;
	text-align:center;
	color: #000;
	font-weight:bold;
	margin-top:30px;
	-webkit-transition:0.8s;
		
}
.readmore a:hover
{
	background-color:#ffb200;
		border:1px solid #ffb200;
		color:#FFFFFF;
}

.readmore2 a
{
	display:block;
	width:130px;
	padding:8px 0px;
	font-size:17px;
	-webkit-border-radius:25px;
	-moz-border-radius:15px;
	border:1px solid #FC0;
	text-decoration:none;
	text-align:center;
	color: #FC0;
	font-weight:bold;
	margin-top:30px;
	-webkit-transition:0.8s;
		
}
.readmore2 a:hover
{
	background-color:#ffb200;
		border:1px solid #ffb200;
		color:#FFFFFF;
}

.backcolor1
{
	background-color:#f7f7f7;
}
.backcolor2
{
	background-color: #333;
	
}
.owl_products
{
	
	background-color:#333;
	padding:70px 60px;
	clear:both;
}
.owl_products h1
{
	color:#FFFFFF;
}
.bigtitle
{
	background-color:#F90;
	padding:30px 100px 50px 100px;
	line-height:40px;
	position:relative;
	height:250px;
	
}
.bigtitle h2
{
	font-size:28px;
	font-weight:300;
}
.bigtitle2
{
	background-color: #FC0;
	padding:10px 100px 10px 100px;	
	position:relative;
	
}
.bigtitle2 h2
{
	font-size:28px;
	font-weight:300;
	color: #000;
}
.whyus
{
	position:absolute;
	left:8%;
	top:65%;
	right:8%;
	
	border:0px solid #333;
	background-color:#FFFFFF;
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  margin-bottom:60px;
}
.whyus_txt h1
{
	padding:15px 0px;
	text-align:center;
}
.whyus_txt
{
	display:inline-block;
	margin-right:30px;
	vertical-align:top;
	text-align:justify;
	text-justify:inter-word;
	text-justify:inter-word;
}
.whyus_icon
{
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	height:51px;
	margin-top:20px;
	margin-right:15px;
	
}
.whyus_icon img
{
	float:left;
	padding-right:10px;
}
.stm3
{
	width:50%;
	padding:20px 20px 20px 40px;
}
.stm4
{
	width:30%;
	margin-right:0px;
}
.certificate img
{
	width:30%;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	border-left:0px solid #FF9900;
}
.certificate img:hover
{
	opacity:0.8;
}
.bottom
{
	background-color:#000000;
	padding:40px 0px 40px 60px;
	clear:both;
	margin-top:33%;
	
}
.bottom2
{
	background-color:#000000;
	padding:40px 0px 40px 60px;
	clear:both;
	margin-top:0%;
}
.botboxes h3
{
	font-size:23px;
	font-weight:200;
}
.botboxes
{
	
	margin-right:25px;
	display:inline-block;
	color:#FFFFFF;
	line-height:24px;
	
	vertical-align:top;
}
.botboxes li
{
	display:block;
	line-height:24px;
}
.botboxes ul
{
	margin:0px;
	padding:0px;
}
.botboxes li a
{
	font-family: 'Arimo';
	color:#FFFFFF;
	text-decoration:none;
}
.contactul ul
{
	margin:0px;
	padding:0px;
}
.contactul li
{
	text-align:left;
	
	line-height:34px;
}
.contactul span
{
	font-size:15px;
	font-family: 'Arimo';
	text-align:left;
	
}
#copyrights
{
	font-size:13px;
	text-align:center;
	padding:10px 0px;
	
	color:#CCCCCC;
	background-color:#000000;
}
.b1
{
	width:28%;
	line-height:26px;
}
.b2
{
	width:14%
}
.b3
{
	width:28%;
}
.b4
{
	width:20%;
}
.banner_title
{
	position:absolute;
	top:42%;
	left:43%;
}
.banner_title h1
{
	text-transform:uppercase;
	font-size:35px;
	color:#FFFFFF;
	text-shadow:2px 2px  #333333;
}
.vision
{
	width:43%;
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	vertical-align:top;
	border-left:4px solid #FF9900;
}
.vision img
{
	text-align:center;
}
.bk1
{
	background-color:#ffd57c;
}
.bk2
{
	background-color:#a5e0fc;
}
.objectives
{
	width:30%;
	padding:15px 25px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FF6633;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border:2px solid #F60;
	
}
.objectives_txt
{
	font-size:17px;
	line-height:28px;
	color: #FFF;
}
.director
{
	
	background-color:#FF9900;
	color:#FFF;
	
}
.stm7
{
	width:50%;
	padding:40px 0px 0px 80px;
	
}
.stm6
{
	width:35%;
	background-image:url(../images/dirr.jpg);
	height:404px;
	position:relative;
	background-position:right;
	background-repeat:no-repeat;
	padding:15px 0px;}
.oursetup 
{
	width:350px;
	display:inline-block;
	margin-right:20px;
	margin-left:20px;
	vertical-align:top;
	border:2px solid #FFF;
	height:500px;
	margin-bottom:40px;
	background-color: #F90;
	color:#FFFFFF;
	
}
.oursetup h3
{
	text-align:center;
	font-size:21px;
}
.oursetup ul
{
	margin-left:0px;
	padding-left:0px;
}
.oursetup li
{
	list-style-type:none;
	border-bottom:1px dashed #999;
	text-align:center;
	line-height:30px;
}
.oursetup_txt
{
	padding:10px 20px 20px 20px;
	font-size:15px;
	line-height:25px;
}
.iconcolor
{
	color:#FF9900;
}
.iconcolor span
{
	color:#fff;
}
.productframe
{
	width:100%;
	height:740px;
}
.galleryframe
{
	width:100%;
	height:800px;
}
.buttons
{
	padding:20px 0px 20px 160px;
}
.buttons a
{
	display: inline-block;
	width:280px;
	padding:15px 0px;
	font-size:19px;
	-webkit-border-radius:25px;
	-moz-border-radius:15px;
	border:1px solid #FC0;
	text-decoration:none;
	margin-left:60px;
	text-align:center;
	color: #fff  ;
	font-weight:bold;
	
	-webkit-transition:0.8s;
	background-color: #333;
		
}
.buttons a:hover
{
	background-color: #000;
		border:1px solid #ffb200;
		color:#FFFFFF;
}
.obje
{
	margin-left:90px;
}
.white
{
	color:#FFF;
}
.txt
{
	-webkit-border-radius:8px;
	height:30px;
	width:350px;
	
}
.txtare
{
	widows:350px;
}
.but
{
	width:120px;
	height:30px;
	background-color:#FF9900;
	color:#FFF;
	text-align:center;
	font-size:17px;
}
.setup li
{
	padding:10px 20px;
	background-color: #;
	margin-top:15px;
	list-style:none;
	color:#FFFFFF;
	font-style:17px;
	border-bottom:1px #666666 solid;
}
.setup ul li
{
	padding:8px 10px;
	border:none;
	list-style:circle;
}
.wk
{
	width:200px;
}
.workprocess li
{
	
	
	display:inline-block;
	margin-right:15px;
	margin-left:15px;
	list-style-type:none;
	
	text-align:center;
	line-height:26px;
	color:#FFFFFF;
	position:relative;
	
}
.workprocessarrow
{
	width:61px;
	vertical-align:top;
	padding-top:5%;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.headers img{
		width:80%;
		height:50px;
}
	.adngroup a
{
	position:fixed;
	top:90%;
	right:10px;
	padding:5px 5px 0px 5px;
	background-color:#003399;
	color:#FFFFFF;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}
.topbar
{
	padding:14px 0px;
	background-color: #F90;
	font-size:15px;
}
.bannerimages
{
	position: relative;
	z-index:0;
}
.bannerimages img
{
	width:100%;
	height:200px;
}
.topbar ul
{
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}
.topbar span
{
	display:none;
}
.topbar li
{
	display:inline-block;
	margin-right:0px;
	margin-bottom:8px;
	text-align:center;
}
.floatright
{
	float: right;
}
.floatleft
{
	float:left;
	margin-right:0px;
}
.headers
{
	padding:20px 10px;
}
.mobile li
{
	display:inline-block;
	margin-right:0px;
	
	
}
.fnt
{
	font-size:18px;
	font-family: 'Arimo';
	line-height:24px; float:right;
	padding-top:5px;
	padding-left:20px;
}

.sliderframe
{
	height:300px;
	width:100%;
}
.containers
{
	padding:50px 8px;
}
h1
{
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	}
.line
{
	background-image:url(../images/line.PNG);
	background-position:center;
	height:12px;
	margin:15px 0px;
	background-repeat:no-repeat;
}
.line2
{
	background-image:url(../images/line2.PNG);
	background-position:center;
	height:12px;
	margin:15px 0px 55px 0px;
	background-repeat:no-repeat;
}
.line3
{
	background-image:url(../images/line3.PNG);
	background-position:left;
	height:4px;
	margin:15px 0px 35px 0px;
	background-repeat:no-repeat;
}
.conentxt
{
	font-size:16px;
	line-height:27px;
	text-align:justify;
	text-justify:inter-word;
	color: #FFF;
	padding-top:20px;
}
.conentxt2
{
	font-size:15px;
	line-height:26px;
	text-align:justify;
	text-justify:inter-word;
	color: #666;
	padding-top:20px;
}
.h-text
{
	display:inline-block;
	margin-right:0px;
	vertical-align:top;

}
.stm1
{
	width:90%;
	margin-left:15px;
}
.stm2
{
	width:90%;
	margin-left:15px;
}

.stm2 img
{
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	width:100%;
	height:250px;
}
.readmore a
{
	display:block;
	width:130px;
	padding:8px 0px;
	font-size:17px;
	-webkit-border-radius:25px;
	-moz-border-radius:15px;
	border:1px solid #000;
	text-decoration:none;
	text-align:center;
	color: #000;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:50px;
	-webkit-transition:0.8s;
		
}
.readmore a:hover
{
	background-color:#ffb200;
		border:1px solid #ffb200;
		color:#FFFFFF;
}

.readmore2 a
{
	display:block;
	width:130px;
	padding:8px 0px;
	font-size:17px;
	-webkit-border-radius:25px;
	-moz-border-radius:15px;
	border:1px solid #FC0;
	text-decoration:none;
	text-align:center;
	color: #FC0;
	font-weight:bold;
	margin-top:30px;
	-webkit-transition:0.8s;
		
}
.readmore2 a:hover
{
	background-color:#ffb200;
		border:1px solid #ffb200;
		color:#FFFFFF;
}

.backcolor1
{
	background-color:#f7f7f7;
}
.backcolor2
{
	background-color: #333;
	
}
.owl_products
{
	
	background-color:#333;
	padding:70px 60px;
	clear:both;
}
.owl_products h1
{
	color:#FFFFFF;
}
.bigtitle
{
	background-color:#F90;
	padding:30px 10px 50px 10px;
	line-height:40px;
	position:relative;
	height:250px;
	
}
.bigtitle h2
{
	font-size:28px;
	font-weight:300;
}
.bigtitle2
{
	background-color: #FC0;
	padding:10px 100px 10px 100px;	
	position:relative;
	
}
.bigtitle2 h2
{
	font-size:28px;
	font-weight:300;
	color: #000;
}
.whyus
{
	position:absolute;
	left:8%;
	top:67%;
	right:8%;
	
	border:0px solid #333;
	background-color:#FFFFFF;
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  margin-bottom:60px;
}
.whyus_txt h1
{
	padding:15px 0px;
	text-align:center;
}
.whyus_txt
{
	display:block;
	margin-right:0px;
	vertical-align:top;
	text-align:justify;
	text-justify:inter-word;
}
.whyus_icon
{
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	height:51px;
	margin-top:20px;
	margin-right:0px;
	
}
.whyus_icon img
{
	float:left;
	padding-right:10px;
}
.stm3
{
	width:90%;
	padding:20px 8px 20px 8px;
}
.stm4
{
	width:100%;
	margin-right:0px;
}
.stm4 img
{
	width:100%;
	height:250px;
}
.certificate img
{
	width:90%;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	border-left:0px solid #FF9900;
}
.certificate img:hover
{
	opacity:0.8;
}
.bottom
{
	background-color:#000000;
	padding:40px 0px 40px 30px;
	clear:both;
	margin-top:250%;
	
}
.bottom2
{
	background-color:#000000;
	padding:40px 0px 40px 30px;
	clear:both;
	margin-top:0%;
}
.botboxes h3
{
	font-size:23px;
	font-weight:200;
}
.botboxes
{
	
	margin-right:0px;
	margin-bottom:20px;
	display:inline-block;
	color:#FFFFFF;
	line-height:24px;
	
	vertical-align:top;
}
.botboxes li
{
	display:block;
	line-height:24px;
}
.botboxes ul
{
	margin:0px;
	padding:0px;
}
.botboxes li a
{
	font-family: 'Arimo';
	color:#FFFFFF;
	text-decoration:none;
}
.contactul ul
{
	margin:0px;
	padding:0px;
}
.contactul li
{
	text-align:left;
	
	line-height:34px;
}
.contactul span
{
	font-size:15px;
	font-family: 'Arimo';
	text-align:left;
	
}
#copyrights
{
	font-size:13px;
	text-align:center;
	padding:10px 0px;
	
	color:#CCCCCC;
	background-color:#000000;
}
.b1
{
	width:90%;
	line-height:26px;
}
.b2
{
	width:90%
}
.b3
{
	width:90%;
}
.b4
{
	width:90%;
}
.banner_title
{
	position:absolute;
	top:46%;
	left:23%;
}

.banner_title h1
{
	text-transform:uppercase;
	font-size:35px;
	color:#FFFFFF;
	text-shadow:2px 2px  #333333;
}
.vision
{
	width:90%;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	border-left:0px solid #FF9900;
}
.vision img
{
	text-align:center;
}
.bk1
{
	background-color:#ffd57c;
}
.bk2
{
	background-color:#a5e0fc;
}
.objectives
{
	width:90%;
	padding:15px 5px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FF6633;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border:2px solid #F60;
	
}
.objectives_txt
{
	font-size:17px;
	line-height:28px;
	color: #FFF;
}
.director
{
	
	background-color:#FF9900;
	color:#FFF;
	
}
.stm7
{
	width:90%;
	padding:40px 0px 0px 20px;
	
}
.stm6
{
	width:90%;
	background-image:url(../images/dirr.jpg);
	height:404px;
	position:relative;
	background-position:right;
	background-repeat:no-repeat;
	padding:15px 0px;}
.oursetup 
{
	width:90%;
	display:inline-block;
	margin-right:0px;
	margin-left:15px;
	vertical-align:top;
	border:2px solid #FFF;
	height:500px;
	margin-bottom:40px;
	background-color: #F90;
	color:#FFFFFF;
	
}
.oursetup img
{
	width:100%;
}
.oursetup h3
{
	text-align:center;
	font-size:21px;
}
.oursetup ul
{
	margin-left:0px;
	padding-left:0px;
}
.oursetup li
{
	list-style-type:none;
	border-bottom:1px dashed #999;
	text-align:center;
	line-height:30px;
}
.oursetup_txt
{
	padding:10px 20px 20px 20px;
	font-size:15px;
	line-height:25px;
}
.iconcolor
{
	color:#FF9900;
}
.iconcolor span
{
	color:#fff;
}
.productframe
{
	width:100%;
	height:1540px;
}
.galleryframe
{
	width:100%;
	height:1700px;
}
.buttons
{
	padding:20px 0px 20px 160px;
}
.buttons a
{
	display: inline-block;
	width:280px;
	padding:15px 0px;
	font-size:19px;
	-webkit-border-radius:25px;
	-moz-border-radius:15px;
	border:1px solid #FC0;
	text-decoration:none;
	margin-left:60px;
	text-align:center;
	color: #fff  ;
	font-weight:bold;
	
	-webkit-transition:0.8s;
	background-color: #333;
		
}
.buttons a:hover
{
	background-color: #000;
		border:1px solid #ffb200;
		color:#FFFFFF;
}
.obje
{
	margin-left:90px;
}
.white
{
	color:#FFF;
}
.txt
{
	-webkit-border-radius:8px;
	height:30px;
	width:350px;
	
}
.txtare
{
	widows:350px;
}
.but
{
	width:120px;
	height:30px;
	background-color:#FF9900;
	color:#FFF;
	text-align:center;
	font-size:17px;
}
.setup li
{
	padding:10px 20px;
	background-color: #;
	margin-top:15px;
	list-style:none;
	color:#FFFFFF;
	font-style:17px;
	border-bottom:1px #666666 solid;
}
.setup ul li
{
	padding:8px 10px;
	border:none;
	list-style:circle;
}
.wk
{
	width:200px;
}
.workprocess li
{
	
	
	display:inline-block;
	margin-right:15px;
	margin-left:15px;
	list-style-type:none;
	margin-bottom:10px;
	

	text-align:center;
	line-height:26px;
	color:#FFFFFF;
	position:relative;
	
}
.workprocessarrow img
{
	width:61px;
	vertical-align:top;
	padding-top:5%;
	display:none;
}
}