@charset "utf-8";
/* CSS Document */

.main-table{font-family:Arial; font-weight:normal; Font-size:13px; color:#333; line-height:24px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:18px; color:#ef1e24; line-height:36px; border-bottom:1px #ccc solid; text-transform:uppercase;}
.sub-heading{font-weight:bold; Font-size:15px; color:#ef1e24; line-height:30px; text-transform:uppercase;}
.team-title{font-weight:bold; Font-size:14px; color:#ef1e24; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}

.manu-container{ width:100%; min-height:40px; margin:0 auto; padding:0; font-family:Arial; font-size:13px; font-weight:normal; background:#ef1e24;}
.manu-container ul{ width:1000px; margin:0 auto; padding:0; list-style:none; text-align:center;}
.manu-container ul li{ padding:0 .5%; font-weight:bold; float:left; display:block; border-right:1px #ca5f62 solid;}
.manu-container ul li a{ color:#fff; text-decoration:none; padding:5px 8px; line-height:40px;}
.manu-container ul li a:hover{color:#ccc;}


<!--

.abt-hm{
    float: left;
    padding-left: 0;
    width: 300px;
    border: 2px solid #ef1e24;
    margin-right: 12px;
    margin-bottom: 8px;
    position:relative;
    border-radius: 15px 0px 15px 0px;
    }
		
.abt-hm:hover{    box-shadow: 4px 3px 4px #ccc;
    transform: translate(0,5px);}
	

.flip-back p a:hover, .flip-back p a .td-banner:hover, .td-banner, .us-lk ul li:hover, .us-lk ul li, .abt-hm, .abt-hm:hover, .td-banner p img, .td-banner:hover p img {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}


-->

.hm-serv-inner{
    width: 180px;
    height: 190px;
    margin: auto;
    position: relative;
    text-align: center;
    float: left;
    margin: 0 8px;
    overflow: hidden;
    /* margin-top: -110px; */
    border: 2px solid #ef1e24;
    }
	
.hm-serv-inner h2{ margin:0; text-transform: capitalize;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    text-align: center; line-height:34px;}
 
.hm-serv{
    background: #fff;
    padding: 5px 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    /*  margin-top: 120px;*/
    }

.flip{width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
   }

.flip-back{-webkit-transform: rotatey(-180deg);
    -ms-transform: rotatey(-180deg);
    -moz-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
    background: #FFF;
    font-family: Arial;
    font-size: 14px;
    text-align: justify;
    color: #4E4E4E;
    line-height: 26px;
    padding-left: 3%;
    padding-right: 3%;
    width: 93%;

    padding-top: 5px;}
	
.hm-serv-inner:hover .flip{    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    transform: rotatey(0deg);}
	
.hm-serv-inner:hover .flip-front {
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    transform: rotatey(180deg);
}
	
.flip-back p a:hover{border-radius:30px; color:#fff;
background:#ef1e24;}

.flip-back p a {
    color: #fff;
    float: right;
    text-decoration: none;
    padding: 0px 12px;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 2px 2px 0px #ccc;
    line-height: 24px;
}
.flip-front, .flip-back p a {
    background: #333333;
}