@charset "utf-8";

body{ margin:0px;}

.clr{ clear:both}

img{ max-width:100%}


.top {
	background-color: #333131;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
}
.wrap {
	padding: 0px;
	height: auto;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.contact_icon {
	margin: 0px;
	margin-top:8px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
}


.top P{font-family:Century Gothic; font-size:16px; color:#fff; float:left; width:auto; margin:0px; padding:8px;}
.top P a{font-family:Century Gothic; font-size:16px; color:#fff; float:left; width:auto; margin:0px; text-decoration:none}
.top P a:hover{text-decoration:underline}.language_selector {
	padding: 0px;
	float: right;
	height: auto;
	width: 20%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.header {
	margin: 0px;
	padding: 0px;
	height:auto;
	width: 100%;
}
.header_left {
	padding: 0px;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.logo_1 {
	padding: 0px;
	height: auto;
	width: 30%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.header_left h1 { font-size:30px; font-family:Century Gothic; color:#ee1d25; margin:0px; text-align:center; width:auto;}

.header_right {
	padding: 0px;
	float: right;
	height: auto;
	width: 40%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.logo_2 {
	padding: 0px;
	height: auto;
	width: 30%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.header_right h1 { font-size:30px; font-family:Century Gothic; color:#ee1d25; margin:0px; text-align:center; width:auto;}


.button_bg {
	background-color: #dcdcdc;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
	border-bottom:5px #003d7c solid;
}


.banner_bg {
	background-color: #003d7c;
	margin: 0px;
	padding: 0px;
	height: 436px;
	width: 100%;
}
.welcome_note {
	margin: auto;
	padding: 0px;
	height: auto;
	width: 100%;
	background-color: #003d7c;
}
.welcome_note h3 { font-family:Century Gothic; font-size:20px; color:#FFF; font-style:italic; margin:0px; padding:25px 50px 25px 50px; text-align:center}.main_div {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}


.product_category {
	margin: 0px;
	padding: 0px;
	float: left;
	height:auto;
	width: 30%;

}

.product_category  h1{font-family:Century Gothic; font-size:25px; color:#000; float:left; width:100%; padding:5px; background-color:#e7e7e7}

.product_category ul{ list-style:none; margin-left:-35px; }
.product_category li{ display:inline;}

.product_category a{ font-family:Century Gothic; font-size:16px; color:#000; float:left; width:70%; margin:0px; margin-left:25px;padding:5px 25px; text-decoration:none; background-image:url(images/product_list_icon.png); background-position:left; background-repeat:no-repeat; border-bottom:#999 thin dashed;}
.product_category a:hover { color:#297023; text-decoration:underline;}


.product_category_2 {
	margin: 0px;
	padding: 0px;
	float: right;
	height:auto;
	width:65%;

}

.product_category_2  h1{font-family:Century Gothic; font-size:25px; color:#000; float:left; padding:5px; width:100%; background-color:#e7e7e7}

.product_category_2 ul{ list-style:none; margin-left:-35px; }
.product_category_2 li{ display:inline;}

.product_category_2 a{ font-family:Century Gothic; font-size:16px; color:#000; float:left; width:40%; margin:0px; margin-left:25px;padding:5px 25px; text-decoration:none; background-image:url(images/product_list_icon.png); background-position:left; background-repeat:no-repeat; border-bottom:#999 thin dashed;}
.product_category_2 a:hover { color:#297023; text-decoration:underline;}

.slider {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.slider h1{font-family:Century Gothic; font-size:25px; color:#000; float:left; padding:5px 0px;  width:100%; text-align:center; background-color:#e7e7e7 }


.black_footer {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.footer_link {
	padding: 0px;
	float: left;
	height: 50px;
	width: 40%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.footer_link h1{ font-family:Century Gothic; font-size:25px; color:#fff; float:left; padding:5px;  width:100%; text-align:left; }


.footer_link ul{ list-style:none;}
.footer_link li { display:inline;}
.footer_link a{ font-family:Century Gothic; font-size:16px; color:#FFF; text-decoration:none; margin:0px; padding:8px 15px; float:left; display:block;}

.footer_link a:hover{ color:#06C; text-decoration:underline;}


.social_media {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 25%;
}

.social_media h1{ font-family:Century Gothic; font-size:25px; color:#fff; float:left; padding:5px;  width:100%; text-align:left; }

.right-social-icons{
	float:left;
	
		
}
.right-social-icons ul li{
	display:inline-block;
}
.icon1{
	width: 30px;
	height: 29px;
	
	background:url(images/fb_icon.png) 0 0 no-repeat;
	display: inline-block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.icon1:hover {
	background:url(images/fb_icon.png) 0 -29px no-repeat;
}
.icon2{
	width: 30px;
	height: 29px;
	/*margin-left:15px;*/
	background: url(images/tw_icon.png) 0 0 no-repeat;
	display: inline-block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.icon2:hover {
	background: url(images/tw_icon.png) 0 -29px no-repeat;
}
.icon3{
	width: 30px;
	height: 29px;
	
	background:url(images/instagram.png) 0 0 no-repeat;
	display: inline-block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.icon3:hover {
	background:url(images/instagram.png) 0 -29px no-repeat;
}
.icon4{
	width: 30px;
	height: 29px;
	
	background:url(images/youtube.png) 0 0 no-repeat;
	display: inline-block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.icon4:hover {
	background:url(images/youtube.png) 0 -29px no-repeat;
}
.visit_counter {
	padding: 0px;
	float: right;
	height: auto;
	width: auto;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.footer_botton {
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 100%;
	background-color: #003d7c;
}


.footer_bottom {
	margin: 0px;
	padding: 0px;
	height:auto;
	width: 100%;
	background-color: #0d3064;
}
.shreya_infosoft a{
	padding: 0px;
	float: left;
	height: auto;
	width: 20%;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family:Century Gothic; font-size:15px; color:#FFF; text-decoration:none; 
}

.shreya_infosoft a:hover{ color:#000}

.copyright {
	font-family: calibri;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	margin-top:10px;
	float: right;
	height: auto;
	width: 25%;
}

/*------other pages-----*/
/*-----inquiry-----*/
.heading { background:#dcdcdc; padding:10px 20px; font-family:century gothic; font-size:22px; }
.inquiry_div { border:0px solid; width:60%; margin:auto; }
.text { width:100%; height:25px; padding:5px 10px; font-size:18px; }
.text2 { width:100%; height:100px; padding:5px 10px; font-size:18px; }
.button { width:100px; height:30px; cursor:pointer; }

/*----contact-----*/
.sub-heading { font-family:century gothic; font-size:20px; }
.rh { width:100%; float:left; }
.paragraph { font-family:century gothic; line-height:30px; }
.box { min-height:300px; border:0px solid; float:left; width:48%; margin-left:20px; margin-top:20px; }

/*---about us-----*/
.profile { float:right; }
.logo { margin-left:50px; }

/*---clients----*/
table, th, td {
   border:1px dashed #ccc;
   border-collapse:collapse;
   padding:20px 50px;
}


/*----products----*/
.product { border:0px solid #f00; }
.prod_box { border:0px solid #0f0; }
.pro_box { border:0px solid; width:280px; height:220px; float:left; margin:20px 20px; }
.pro_box img:hover { box-shadow:0 0 10px 10px #ccc; }
.img-heading { font-family:century gothic; text-align:center; }
.con_box1 { width:24%; min-height:100px; border:0px solid; float:left; }
.con_box2 { width:73%; min-height:100px; border:0px solid; float:right; }