.om-wrapper{
box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.om-view {
   float: left;
   overflow: hidden;
   position: relative;
   cursor: default;
}
.om-view .mask,.om-view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.om-view img {
   display: block;
   position: relative;
}
.om-view h2 {
   position: relative;
}
.om-view p {
   position: relative;
}
.om-view a.info {
   display: inline-block;
   text-decoration: none;
}

.om-view-fifth img {
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.om-view-fifth .mask {
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.om-view-fifth h2 {
}
.om-view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.om-view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.om-view-fifth:hover img {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.om-view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}


.om-view {margin: 1%  1%  0%  0% !important;width:  32.333333333333% ;min-width:  32.333333333333% ;max-width:  32.333333333333% ;;height: auto;}
@media (min-width:1200px){
.om-view {margin: 1%  1%  0%  0% !important;width:  32.333333333333% ;min-width:  32.333333333333% ;max-width:  32.333333333333% ;;height: auto;}
}
@media (max-width:1024px){
.om-view {margin: 1%  1%  0%  0% !important;width:  32.333333333333% ;min-width:  32.333333333333% ;max-width:  32.333333333333% ;;height: auto;}
}
@media (max-width:800px){
.om-view {margin: 1%  1%  0%  0% !important;width:  49% ;min-width:  49% ;max-width:  49% ;;height: auto;}
}
@media (max-width:400px){
.om-view {margin: 1%  1%  0%  0% !important;width:  99% ;min-width:  99% ;max-width:  99% ;;height: auto;}
}
.om-view .mask,.om-view .content {width: 100%;height: 100%;max-width:100%;min-width:100%;}
.om-view img{width: 100%;height: auto;max-width:100%;min-width:100%;}
.om-view {
text-align: center;
box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;
border: 0px solid #dddddd;
-webkit-box-shadow: 0px 4px 6px -4px #5e5e5e ;
-moz-box-shadow: 0px 4px 6px -4px #5e5e5e ;
box-shadow: 0px 4px 6px -4px #5e5e5e ;
-o-box-shadow: 0px 4px 6px -4px #5e5e5e ;
-ms-box-shadow: 0px 4px 6px -4px #5e5e5e ;
}
.om-view .mask {
background-color: rgba(14,137,178,0.8);
}
.om-view h2 {
font-size: 19px;
font-family:inherit;
color: #ffffff;
background: ;
text-align: center;
font-weight: bold;
font-style: normal;
line-height: 29px;
padding: 13px 13px 0px 13px ;
margin: 13px 0px 0px 0px ;
}
.om-view h4 {
font-size: 12px;
font-family:inherit;
color: #ffffff;
background: ;
text-align: center;
font-weight: normal;
font-style: normal;
line-height: 19px;
padding: 0px 0px 0px 0px ;
margin: 13px 0px 0px 0px ;
position: relative;
display: block;
clear: both;
}
.om-view p {
font-size: 14px;
font-family:inherit;
color: #ffffff;
background: ;
text-align: center;
font-weight: normal;
font-style: normal;
line-height: 24px;
padding: 0px 13px 0px 13px ;
margin: 13px 0px 0px 0px ;
}
.om-view a.info {
text-decoration:none;
display: inline-block;
text-align:center;
font-size: 21px;
font-family:inherit;
color: #ffffff;
background: #eeb848;
font-weight: bold;
font-style: normal;
line-height: 21px;
padding: 13px 13px 13px 13px ;
margin: 13px 5px 13px 5px ;
border: 1px solid #eeb848;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
float:none;}
.om-view a.info:hover {
background: ;
}
.om-cats{
float:right;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.om-cats a{
text-decoration:none;
margin:0 auto;
position:relative;
display: inline-block;
text-align:center;
font-size: 16px;
font-family:inherit;
color: #ffffff;
background: #0e89b2;
font-weight: normal;
font-style: normal;
padding: 13px 13px 13px 13px ;
margin: 13px 0px 13px 13px ;
border: 0px solid #dd3333;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
cursor:hand;cursor:pointer;
}
.om-cats a:hover, .om-cats a.active{
background: #eeb848;
text-decoration:none;
color: #ffffff;
}
.om-cats a.filter{float:none!important;}
.om-grid .mix{
display: none;
opacity: 0;
vertical-align: top;
}