/*css for feature position*/

/*css for follow us position*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin: 10px;float: left;display: inline;}
.rotate {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.rotate:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
#oursocial img {margin: 20px;}
.hr{background: url(../images/bg-separate.png) center center no-repeat;height: 20px;width: 100%;display: inline-block;margin-bottom: 20px;}
.hr-left{background: url(../images/bg-separate-left.png) right center no-repeat;height: 20px;width: 100%;display: inline-block;}
.hr-right{background: url(../images/bg-separate-right.png) left center no-repeat;height: 20px;width: 100%;display: inline-block;}
.progress-title{padding-bottom:10px;}
.post-20 ul.social li{
background: transparent;
}
.post-20 ul.social li:hover{
color: #ccc !important;
}