
body{padding:0px;margin:auto;font-family:arial;font-size:13px;color:#fff; background: url(gifs/bg.JPG); width:1002px;}

p,h1,h2,h3,form{margin:0;padding:0}
img{border:0px;}
ul,li,ol{margin:0px;padding:0px}

table, tbody, tr, th, td {border-collapse: collapse;}

h1{font-family:Trebuchet Ms;font-size:22px; color:#000;}
h2{font-family:Trebuchet Ms;font-size:18px; color:#930c0f;padding:5px 0 5px 15px;background-color:#e7f8ff;margin:0 30px 0 265px}

.tx{font-family:Trebuchet Ms;}
.tx1{font-family:Times New Roman;}

.s1{font-size:20px}
.s2{font-size:12px}
.s3{font-size:16px}
.s4{font-size:11px}

.c1{color:#fff;}
.c2{color: #EFEFEF; font-size:20px;}
.c3{color: #F00;}

.a1{text-align:center;}
.a2{text-align:right;}
.a3{text-align:justify;}
.a4{text-align:left;}
.a5{font-weight:700}
.a6{text-transform:uppercase}
.tt{text-transform:uppercase}

.h1{line-height:19px;}

.fl{float:left}
.fr{float:right}
.cb{clear:both}
.w1{font-weight:bold;}

A{color:#333;text-decoration:none;}
A:hover{color:#666666;text-decration:underline;}


.b1{background:url(gifs/top-bg.jpg); height:100px;}
.b2{background:url(gifs/bg.gif);height:46px}
.b3{background-color:#f4f6ff;}
.b4{background:url(gifs/a1.gif) no-repeat 14px 13px}
.b5{background-color:#2f9ccd;padding:05px;margin:0px 0 0 0}
.b6{background:url(gifs/bg1.gif) no-repeat}
.b7{background:url(gifs/ar.png) no-repeat 24px 5px}

.bo1{border-top:1px dotted #93a570;margin:0 20px 0 10px;}

.p1{padding:15px 32px 0 55px;}
.p2{padding:8px 10px 5px 27px;}
.p3{padding:8px 0 10px 0;}
.p4{padding:0 20px 0 0;}
.p5{padding:5px 33px 0 10px;}
.p6{padding:7px 0 0 0;}
.p7{padding:10px;}
.p8{padding:5px 20px 0px 20px;}
.p9{padding:0 0 0 25px;}
.p10{padding:0 30px 0 20px;}
.p11{padding:0px 10px 5px 38px;}
.p12{padding:0 0 0 290px;}
.p13{padding:0 0 0 300px;}




.li1 A{color:#fff;text-decoration:none;font-weight:700;}
.li1 A:hover{color:#f3fc01;text-decoration:none;}

.li2 A{color:#1a2c72;text-decoration:none;}
.li2 A:hover{color:#000;text-decoration:none;}


.wi1{width:220px;}
.wi2{width:245px;}
.wi3{width:300px;height:326px}
.wi4{width:350px;}

.m1{margin:0 0 0 10px;}
.m2{margin:10px 0 0 350px;}
.m3{margin:5px 15px 0 0;}

.m4{margin:270px 0px 0px 0px;}


.he1{min-height:50px;}
.he2{min-height:38px;}
.he3{min-height:270px;}


#hb_socialicons img{-moz-transition:all 0.8s all ease-in-out;
-ms-trasition:all 0.8s all ease-in-out;
-o-transition:all 0.8s all ease-in-out;
-webkit-transition:all 0.8s ease-in-out;
transition:all 0.8s ease-in-out;}


#hb_socialicons img:hover{-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);}


.contact {
font-size:13px;
color:#000000;
padding:5px 0px 0px 15px;
line-height:19px;
}
.contact b.wh {font-family:arial;
font-size:20px;
color:#cb0505;
}
.contact A{color:#575757;
text-decoration:none;
}
.contact A:Hover{color:#000000;
text-decoration:underline;
}



/*Enquiry CSS*/

.enm{margin:10px 20px 0px 20px;}

form{margin:0px;padding:0px;}
.en-head{color:#0062be;font-size:18px;padding-bottom:2px;margin:0px;text-transform:uppercase;font-weight:bold;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;text-align:left;}
.enq-addmore{background:url('gifs/zero.gif'); font-size:12px;color:#0000ff;font-family:arial;border: 1px solid #FFFFFF; width:85px;text-decoration:underline;}
.enq-addmore:hover{color:#000;text-decoration:none;}
.en-com{color:#000;font-size:12px;background-color:#cbcbcb;padding:4px 4px 8px 4px;margin-bottom:1px;font-family:arial;}
table.cart {font-family:arial;font-size: 12px;}
table.cart th {text-align: left;padding: 5px;background: #e8f0f9;color: #3f3f3f;border-bottom: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;}
table.cart th.enq-last1 {border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;}
table.cart td {padding: 5px;vertical-align:top;background: #181818;border-bottom: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;}
table.cart td.enq-last {border-bottom: 1px solid #fafafa;border-right: 1px solid #fafafa;font-family:arial;font-size:11px;}
table.cart td.enq-last a{color:#000000;text-decoration:none;}
table.cart td.enq-last a:hover{color:#000000;text-decoration:none;}
.en-rem{background:#fff;border:1px #ccdabc solid;font-family:arial;font-size:12px;margin:0px;}
.en-bg4{background-color:#cbcbcb;}
.en-em{font-size:12px;color:#000;font-family:arial;padding:7px 0px 4px 13px;height:19px;}
.en-sub{font-size:15px;color:#000;padding:7px 0px 4px 5px;font-family:arial;height:19px;font-weight:bold;}
.en-fi{margin-top:2px;background-color:#a2a2a2;}
.frtxt {font-size:12px; font-family:arial,verdana; border:1px solid #7f9db9;}
.en-stat{font-size:11px;font-family:arial; padding:5px 0 5px 0}
.codtn {border:1px #f5f4f4 solid;border-collapse:collapse;}
.codtn td{border:1px #f5f4f4 solid;border-collapse:collapse;}
.codtn td td{border:0px #f5f4f4 solid;border-collapse:collapse;}
.en-txt{font-size:12px;color:#000;padding:4px 0px 4px 5px;font-family:arial;text-align:left;}
.txtf{padding:1px;  border:1px solid #aed2f3; padding-top:2px; padding-bottom:2px; font-family:arial; font-size:12px;}
.txtfa{padding:1px; border:1px solid #aed2f3; padding-top:2px; padding-bottom:2px; font-family:arial; font-size:12px; color:#9e9e9e;}
.txtfn{padding:0px; border:1px solid #aed2f3; padding-top:2px; padding-bottom:2px; font-family:arial; font-size:12px;}
.submit {background:url('gifs/submit.gif') no-repeat;font-family:arial;color:#ffffff;font-size:17px;height:32px;width:180px;text-align:center;font-weight:bold;cursor:pointer;border:0px;padding-left:17px;}
.en-send{font-size:11px;color:#000;font-family:arial;padding:5px 0px 2px 0px;}

/* Services Type 1 */
.block_services_type_1 {
	margin-left:-20px; 
	margin-bottom:-20px; 
	overflow:hidden;

	
}

/*==================================== SERVICE ======================================================== */
.service{
	width:280px; 
	margin-left:50px; 
	margin-bottom:20px; 
	padding:0px 0px 12px; 
	float:left;
	background:#FFF;
	text-align:justify; 
	text-align:center; 
	-webkit-transition: all 300ms linear; 
	-moz-transition: all 300ms linear; 
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.service:hover{}
.service-icon img {}
.service-content{
	position: relative; 
	left: 0px; 
	width: 100%;
	height: 50%; 
	top: 50%;
}

/* Services Type 1 */
.block_services_type_1 {
	margin-left:-20px; 
	margin-bottom:-20px; 
	overflow:hidden;
}
.service-icon{
	position: relative;
	width: 100%;
	text-align: center;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}	
.service a{  
	width: 100%; 
	height: 100%; 
	display: block;
	 
	color: #333; 
	position: relative; 
	text-decoration:none
}
.block_services_type_1 .service:hover {
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	color:#f2f1f1;
	padding-top:15px;
	background: #FFB66C;
}
.service-main{
	font-size:20px;
	text-align: center;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 500ms linear;
	transition: all 200ms linear;
	margin-top:12px;
	padding:5px 5px 20px 0px;
	
}
.service-sub{
	padding:5px;
	position: relative;
	width: 100%;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	margin-top: -10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -6px;
}	
.service:hover .service-icon{ 
	-webkit-animation: moveFromTop 300ms ease; 
	-moz-animation: moveFromTop 300ms ease; 
	-ms-animation: moveFromTop 300ms ease;
}
.service:hover .service-icon{ 
	position: relative; 
	width: 100%;	
	padding:15px 0; 
	text-align: center; 
	-webkit-transition: all 400ms linear; 
	-moz-transition: all 400ms linear; 
	-o-transition: all 400ms linear; 
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
	background:#333;
}
.service:hover .service-main{
	-webkit-animation: smallToBig 300ms ease; 
	-moz-animation: smallToBig 300ms ease; 
	-ms-animation: smallToBig 300ms ease;
}
.service:hover .service-sub{
	color: #030;
	-webkit-animation: moveFromBottom 500ms ease;
	-moz-animation: moveFromBottom 500ms ease;
	-ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

.service:hover .service-icon img.one{ 
	background:#ff314e;
}

.service:hover .service-icon img.two{ 
	background:#009aac;
}

.service:hover .service-icon img.three{ 
	background:#efce19;
}

.service:hover .service-icon img.four{ 
	background:#98ae01;
}

.service:hover .service-icon img.five{ 
	background:#c8a106;
}

.service:hover .service-icon img.six{ 
	background:#3e74c6;
}

.service:hover .service-icon img.seven{ 
	background:#ff7400;
}

.service:hover .service-icon img.eight{ 
	background:#af3e9f;
}


/* Services Type 2 */
.block_services_type_2 {
	margin-left:-20px; 
	margin-bottom:-20px; 
	overflow:hidden;
}
.block_services_type_2 p {
	padding-bottom:0px; 
	color:#797979;
}
.block_services_type_2 .service {
	width:220px; 
	margin-left:20px; 
	margin-bottom:20px; 
	padding:13px 0px 12px; 
	float:left; 
	text-align:center;
}
.block_services_type_2 .service h5 {
	padding-bottom:15px;
}
.block_services_type_2 .service .icon {
	height:43px;
	padding-bottom:25px;
}


.pr{ width:1000px; height:200px; border-bottom:1px dotted #666;  margin-top:20px;}
.pr_1{ width:1000px; height: auto; border-bottom:1px dotted #666;  margin-top:20px;}
.prr{ width:1000px; height:auto; margin-top:20px;}
.pr1{width:250px; float:left; border:none; margin-left:10px;}
.pr2{width:650px; height: auto; float:left; border:none; margin-left:20px;}
.p_st{ font-size:13px; font-family:Arial; margin-left:10px; margin-right:10px; text-align:justify; color:#000}
.read{font-size:15px;  margin-left:10px; color:#000}
.h1_st{ font-size:22px; color: #09C; font-family:Arial; margin-left:5px;}
table{ border-collapse:collapse; color:#000}
ul{ color:#000; margin-left:30px;}


#contact_form { 
	padding: 0; 
	width: 410px; 
	margin-bottom: 40px; 
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#contact_form form .input_field { 
	width: 270px; 
	padding: 5px; 
	color: #222;  
	background: #fff; 
	border: 1px solid #ded6c6; 
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
}

#contact_form form label { 
	display: block; 
	width: 100px; 
	margin-right: 12px; 
	font-size: 12px; 
}

#contact_form form textarea { 
	width: 398px; 
	height: 200px; 
	padding: 5px; 
	color: #222; 
	background: #fff; 
	border: 1px solid #ded6c6; 
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
}

#contact_form form .submit_btn { 
	padding: 5px 14px; 
	font-weight: bold;
	background: #fff; 
	border: 1px solid #ded6c6; 
	color: #222; 
	font-size:12px; 
	margin-top: 10px;
}	
