/***********************stylesheet****************************/
.clearr:after {
	clear: both;
	display: block;
	content: '';
	line-height: normal;
	height: auto;
	visibility: hidden;
}
.logo {
	margin: 50px 0 30px;
	text-align: center;
}
.navbar .nav > li:first-child span {
	padding-left: 0;
	background: none;
}
.navbar .nav > li:last-child span {
	padding-right: 0px;
}
.left-area h1 {
  color: #E35530;
  font-size: 21px;
  line-height: normal;
  margin-top: 0;
}
.home-contact-frm input[type="submit"] {
  background: none repeat scroll 0 0 #E35530;
  border: medium none;
  color: #FFFFFF;
  float: right;
  font-size: 14px;
  margin: 5px -12px 0 0;
  padding: 10px;
  text-align: right;
  text-transform: uppercase;
}
.home-contact-frm input[type="submit"]:hover{
  color: #FFFFFF !important;
}
.home-contact-frm label {
	margin-bottom: 10px;
}
.left-area .coder {
	margin-top: 20px;
}
.left-area .coder h2 {
	color: #1C1C1C;
	font-size: 22px;
	line-height: normal;
	margin-bottom: 0;
}
.left-area .coder address {
  font-size: 15px;
  margin: 3px 0;
}
.box1 {
	background: url(../images/1.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 299px;
}
.box1:hover {
	background: url(../images/1hover.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.box2 {
	background: url(../images/2.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 299px;
}
.box2:hover {
	background: url(../images/2hover.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.box3 {
	background: url(../images/3.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 299px;
}
.box3:hover {
	background: url(../images/3hover.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.box4 {
	background: url(../images/4.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 299px;
}
.box4:hover {
	background: url(../images/4hover.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.left-area {
  font-family: arial;
}
.coder address a { color: #3D3D3D; font-weight:bold;}
.coder address a:hover {
  color: #E35530;
  text-decoration:none;
}
.home-contact-frm input[type="submit"]:hover {
  background: none repeat scroll 0 0 #ccc;
  color: #FFFFFF;
}
.message-text {
	background: none repeat scroll 0 0 #E35530;
	color: #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
}

.message-text .error {
	background: url(../images/error.png) no-repeat;
	padding-left: 25px;
}
.message-text .success {
	background: url(../images/right.png) no-repeat;
	padding-left: 25px;
}
#alert-message {
  margin-top: 20px;
}
@media (max-width: 979px) {
.home-contact-frm input[type="submit"] {
	margin: 5px 0 0;
}
}

@media (max-width: 480px) {
.box1 {
	background: url(../images/1.jpg) 0 0 / 100% auto no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 299px;
}
.box1:hover {
	background: url(../images/1hover.jpg) 0 0 / 100% auto no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.box2 {
	background: url(../images/2.jpg) 0 0 / 100% auto no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 299px;
}
.box2:hover {
	background: url(../images/2hover.jpg) 0 0 / 100% auto no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.box3 {
	background: url(../images/3.jpg) 0 0 / 100% auto no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 299px;
}
.box3:hover {
	background: url(../images/3hover.jpg) 0 0 / 100% auto no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.box4 {
	background: url(../images/4.jpg) 0 0 / 100% auto no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 299px;
}
.box4:hover {
	background: url(../images/4hover.jpg) 0 0 / 100% auto no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
}