@charset "utf-8";

body{ margin:0px;}


img{ max-width:100%}

.clr{ clear:both}

.header {
	margin: 0px;
	padding: 0px;
	padding-bottom:15px;
	height:auto;
	width: 100%;
	border-bottom-width:5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCC;
}
.wrap {
	padding: 0px;
	height: auto;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.logo {
	padding: 0px;
	float: left;
	height: auto;
	width: 124px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.company_name {
	padding: 0px;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.company_name h1{ font-family:Cambria; font-size:32px; float:left; color:#fc2f2a;  margin:0px;}
.company_name h3{ font-family:Century Gothic; font-size:20px; float:left; color:#000; margin:0px;}
.button {
	padding: 0px;
	float: right;
	height: auto;
	width: 52%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.banner_div {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.welcome_note {
	background-color: #e9e9e9;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.welcome_image {
	padding: 0px;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.welcome_text {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 70%;
}
.welcome_text h1{ font-family:Century Gothic; font-size:28px; color:#fb2b22; float:left; width:100%;}
.welcome_text h1 span{ color:#000;}

.welcome_text p{ font-family:Century Gothic; font-size:15px; color:#000; width:100%; }

.read_more a{
	background-color: #000;
	margin: 0px;
	float: right;
	height: auto;
	width: auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-family:Century Gothic; font-size:15px; color:#fff; 
}

.read_more a:hover{ background-color:#fb2b22;}.main_div {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.quality_div {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 45%;
}
.quality_div h1{ font-family:Century Gothic; font-size:28px; color:#000; float:left; width:100%;}
.quality_div p{ font-family:Century Gothic; font-size:15px; color:#000; width:100%; }


.vision_div {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 45%;
}
.vision_div h1{ font-family:Century Gothic; font-size:28px; color:#000; float:left; width:100%;}
.vision_div p{ font-family:Century Gothic; font-size:15px; color:#000; width:w100%; }


.black_image {
	background-image: url(image/black_image.png); background-size:100%; 
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 287px;
	width: 100%;
}


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

.home_imtermediates_button a{ font-family:Century Gothic; font-size:30px; color:#fff; float:right; border:5px solid #e3e3e3; padding:15px 15px 15px 15px; margin-top:75px; text-decoration:none; font-weight:bold;} 
.home_imtermediates_button a:hover{ color:#fb2b22; border:5px solid #fb2b22; }



.home_dye {
	padding: 0px;
	float: right;
	height: auto;
	width:20%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

.home_dye_button a{ font-family:Century Gothic; font-size:30px; color:#fff; float:left; border:5px solid #e3e3e3; padding:15px 15px 15px 15px; margin-top:75px; text-decoration:none; font-weight:bold;} 
.home_dye_button a:hover{ color:#fb2b22; border:5px solid #fb2b22; }

.footer {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e1e1e1+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d2d2d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */

}

.footer_link {
	padding: 0px;
	float: left;
	width: 40%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.footer_link ul{ list-style:none;}
.footer_link li{ display:inline;}

.footer_link a{ font-family:Century Gothic; float:left; font-size:15px; float:left; padding:10px 25px; margin:0px; text-decoration:none; color:#000;}
.footer_link a:hover{ color:#fb2b22; text-decoration:none;}

.shreya_infosoft a{
	padding: 10px;
	float: right;
	height: auto;
	width: 25%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family:Century Gothic; font-size:15px; color:#000; text-decoration:none;
	
}

.shreya_infosoft a:hover{ color:#fb2b22; text-decoration:underline;}

.bottom {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.copyright {
	
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right:auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Century Gothic";
	font-size: 13px;
	color: #fb2b22;
}
.btn-default {
    color:white !important;
    background-color: #a92d12 !important;
    border-color: #A23535;
}

#text1 {
    border: 1px solid #47baef);
    height:45px;
    width: 90%;
    box-shadow: 0 0 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

#text1:hover,
#text1:focus {
    width: 90%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}


@media screen and ( max-width:980px){
	
	.wrap{ width:90%;}
	.logo { width:10%;}
	.company_name h1{ font-size:25px;}
.company_name h3{font-size:16px; float:left;}

.black_image {
	background-image: url(image/black_image.png);  
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 100%;
}
.home_imtermediates {
	padding: 0px;
	float: left;
	height: auto;
	width:45%;
}
.home_imtermediates_button a{ font-family:Century Gothic; font-size:20px; color:#fff; float:right; border:3px solid #e3e3e3; padding:10px 10px 10px 10px; margin-top:40px; margin-left:45px; text-decoration:none; font-weight:bold;} 
.home_imtermediates_button a:hover{ color:#fb2b22; border:5px solid #fb2b22; }

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

.home_dye_button a{ font-family:Century Gothic; font-size:20px; color:#fff; float:right; border:3px solid #e3e3e3; padding:10px 10px 10px 10px; margin-top:40px; margin-right:25px; text-decoration:none; font-weight:bold;} 
.home_dye_button a:hover{ color:#fb2b22; border:5px solid #fb2b22; }

.footer_link {
	padding: 0px;
	float: left;
	width: 60%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.footer_link a{font-size:14px; float:left; padding:20px 25px;}
.shreya_infosoft a{width: 30%;}


	
	}
	

@media screen and ( max-width:768px){
	
	.logo { width:25%;}
	.company_name {width:70%; margin-top:25px;}
	.company_name h1{ font-size:25px;}
.company_name h3{font-size:16px; float:left;}
	
	.welcome_text {
	margin: 0 auto 0 auto;
	padding: 0px;
	float: left;
	height: auto;
	width: 90%;
}
	
.welcome_text h1{ font-family:Century Gothic; font-size:24px; color:#fb2b22; float:left;}
	
	.button {
	padding: 0px;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
	
	.quality_div {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 90%;
}
.quality_div h1{ font-family:Century Gothic; font-size:24px; color:#000; float:left; width:100%;}
.quality_div p{ font-family:Century Gothic; font-size:14px; color:#000; width:100%; }


.vision_div {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 90%;
}
.vision_div h1{ font-family:Century Gothic; font-size:24px; color:#000; float:left; width:100%;}
.vision_div p{ font-family:Century Gothic; font-size:14px; color:#000; width:w100%; }

.black_image {
	background-image: url(image/black_image.png);  
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:auto;
	width: 100%;
}
.home_imtermediates {
	padding: 0px;
	float: left;
	height: auto;
	width:50%;
	padding-bottom:25px;
}
.home_imtermediates_button a{ font-family:Century Gothic; font-size:16px; color:#fff; float:right; border:3px solid #e3e3e3; padding:10px 10px 10px 10px; margin-top:20px; margin-left:45px; text-decoration:none; } 
.home_imtermediates_button a:hover{ color:#fb2b22; border:5px solid #fb2b22; }

.home_dye {
	padding: 0px;
	float:right;
	height: auto;
	width:35%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

.home_dye_button a{ font-family:Century Gothic; font-size:16px; color:#fff; float:right; border:3px solid #e3e3e3; padding:10px 10px 10px 10px; margin-top:20px; margin-right:10px; text-decoration:none; font-weight:bold;} 
.home_dye_button a:hover{ color:#fb2b22; border:5px solid #fb2b22; }

.footer_link {
	padding: 0px;
	float: left;
	width: 90%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.footer_link ul{ margin-left:-40px;}

.footer_link a{font-size:14px; float:left; padding:10px 15px;}
.shreya_infosoft a{width: 90%; float:left;}


   }
	
 .gallery img {
    width: 100%;
}

.hed h2 {
    background-color: #e7e7e7;
    font-size: 23px;
    padding: 8px 0px;
    text-align: center;
    margin-bottom: 36px;
}
.rock{

	margin-bottom: 10px;
}