@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);
* {margin: 0;padding: 0;}
body {
  background-color: #4c607c;
  height: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.tab-block {
  width: 650px;
  height: 290px;
  margin: 50px auto;
}
.tab-block .tab-mnu {
  display: block;
  list-style: none;
}
.tab-block .tab-mnu:after {
  content: '';
  display: table;
  clear: both;
}
.tab-block .tab-mnu li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  background-color: #b2bbc0;
  color: white;
  width: 130px;
  text-align: center;
  padding-top: 13px;
  padding-bottom: 13px;
  cursor: pointer;
}
.tab-block .tab-mnu li:not(:last-child) {
  border-right: 1px solid #4c607c;
}
.tab-block .tab-mnu li:hover:not(.active) {
  background-color: #c0c7cb;
}
.tab-block .tab-mnu .active {
  background-color: #fff;
  color: #596165;
  border-bottom: 1px solid #eaecec;
  cursor: default;
}
.tab-block .tab-cont {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid white;
  background-color: white;
  color: #292d2f;
}
.tab-block .tab-cont .tab-pane {
  padding: 20px 25px;
}

.bloglatestnews1 {
overflow: hidden!important;
padding: 0px!important;
margin: 10px 0px 10px!important;
}
.bloglatestnews2 {
margin: 0px!important;
padding: 0px!important;
float: left!important;  margin-right: 3%!important; width: 22%!important;margin-bottom: 34px!important;
}
.bloglatestnews3 {
margin: 0px!important;
padding: 0px!important;
height: 140px!important;
overflow: hidden;
}
.bloglatestnews3 img {
width: 100%!important;
border: 0px solid #D2D2D2!important;
margin: 0px!important;
padding: 0px!important;
float: none!important;
display: block!important;
opacity: 1!important;
max-width: none!important;
height: auto!important;
box-shadow: none!important;
border-radius: 0px!important;
}
.bloglatestnews3 img:hover {
opacity: 0.8!important;
}
.bloglatestnews4 {
margin: 0px!important;
padding: 0px!important;
font-size: 14px!important;
line-height: 18px!important;
margin-top: 10px!important;
margin-bottom: 10px!important;
text-align: left!important;
text-shadow: none!important;
}
.bloglatestnews4 a {
font-size: 14px!important;
line-height: 18px!important;
color: #2282D6!important;
font-weight: bold!important;
text-decoration: none!important;
text-align: left!important;
text-shadow: none!important;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.bloglatestnews4 a:hover {
color: #000!important;
}

.bloglatestnews5 {
margin: 0px!important;
padding: 0px!important;
font-size: 12px!important;
line-height: 15px!important;
text-align: left!important;
font-weight: normal!important;
text-shadow: none!important;
color: #222!important;
}
.bloglatestnews6 {
margin: 0px!important;
padding: 0px!important;
font-size: 10px!important;
line-height: 10px!important;
text-align: right!important;
color: #5A5A5A!important;
text-shadow: none!important;
font-weight: normal!important;
margin-top: 5px!important;
}
.bloglatestnews7 {
margin: 0px!important;
padding: 0px!important;
overflow: hidden!important;
}
.bloglatestnews7a {
  clear: both;
}
@media (max-width: 1199px) {
.bloglatestnews2 {
    margin-right: 3%!important;
    width: 30%!important;
    float: left!important;
}
.bloglatestnews7a {
  clear: none;
}
.bloglatestnews7b_3 {
  clear: both;
}
.bloglatestnews3 {
    float: none!important;
}
}
@media (max-width: 767px) {
.bloglatestnews7b_3 {
  clear: none;
}
.bloglatestnews7b_2 {
  clear: both;
}
.bloglatestnews2 {
    margin-right: 3%!important;
    width: 47%!important;
}
}
@media (max-width: 480px) {
.bloglatestnews7b_3 {
  clear: none;
}
.bloglatestnews7b_2 {
  clear: none;
}
.bloglatestnews2 {
  clear: both;
}
.bloglatestnews2 {
    margin-right: 0%!important;
    width: 100%!important;
}
}