/* GENERAL */
.home-categories {
  margin-bottom: 3px;
}
.home-categories a {
  padding: 2px 4px; margin-right: 7px;
  font-size: 10px; color: #FFF;
  background-color: #222;
  transition: all 0.3s ease;
}
.home-categories a:hover {
  background-color: #00B1BF;
  border-bottom: 0;
}

.home-shadow {
  text-shadow: 0 0 5px #000;
}
/* /GENERAL */

/* MAIN BLOCK */
.home-mainblock {
  margin-bottom: 60px;
}
.home-mainblock .mb-item {
  float: left;
  position: relative;
  cursor: pointer; cursor: hand;
}

.home-mainblock .mb-item-1 {
  width: 100%;
}

.home-mainblock .mb-others {
  float: left;
  width: 100%;
  margin-top: 5px;
  overflow-x: auto;
}
.home-mainblock .mb-others-inner {
  min-width: 768px;
}
.home-mainblock .mb-item-2, .home-mainblock .mb-item-3, .home-mainblock .mb-item-4 {
  width: 32.8%;
}

.home-mainblock .mb-item .mb-image img {
  display: block;
  width: 100%; height: auto;
}

.home-mainblock .mb-item .mb-inner {
  padding: 55px 10px 10px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.home-mainblock .mb-item-1 .mb-inner {
  padding-top: 46px;
}

.home-mainblock .mb-item .mb-inner .mb-title {
  margin-top: 8px;
  overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis;
}
.home-mainblock .mb-item .mb-inner .mb-title, .home-mainblock .mb-item .mb-inner .mb-title a {
  color: #FFF; font-weight: bold; font-size: 14px; text-overflow: ellipsis;
}
.home-mainblock .mb-item .mb-inner .mb-title a:hover {
  border-bottom: 1px dotted #FFF;
}
.home-mainblock .mb-item-1 .mb-inner .mb-title a {
  font-size: 20px;
}

.mb-title h4 {
  white-space: pre-wrap;
}

.home-mainblock .mb-item .mb-inner .mb-date {
  margin-top: 3px;
  font-size: 10px; color: #FFF;
}
.home-mainblock .mb-item .mb-inner .mb-date a {
  color: #FFF; font-weight: 700;
}
.home-mainblock .mb-item .mb-inner .mb-date a:hover {
  border-bottom: 1px dotted #FFF;
}

.home-mainblock .mb-item-3 {
  margin: 0 0.8%;
}

@media screen and (min-width: 1024px) {
  .home-mainblock .mb-item .mb-inner {
    background: linear-gradient(0deg, rgba(47, 3, 64, 0.6) -0.3%, rgba(47, 3, 64, 0) 100%);
  }
  
  .home-mainblock .mb-item-1 {
    width: 60%;
  }
  .home-mainblock .mb-others {
    width: 40%;
    padding-left: 5px; margin-top: 0;
    overflow-x: visible;
  }
  .home-mainblock .mb-others-inner {
    min-width: 0;
  }
  .home-mainblock .mb-item-2, .home-mainblock .mb-item-3, .home-mainblock .mb-item-4 {
    width: 50%;
  }
  .home-mainblock .mb-item-2 {
    width: 100%;
  }
  .home-mainblock .mb-item .mb-image {
    height: 106px;
  }
  .home-mainblock .mb-item-1 .mb-image {
    height: 320px;
  }
  .home-mainblock .mb-item-2 .mb-image {
    height: 209px;
  }
  .home-mainblock .mb-item-2 {
    margin-bottom: 5px;
  }
  .home-mainblock .mb-item-3 {
    padding-right: 2.5px; margin: 0;
  }
  .home-mainblock .mb-item-4 {
    padding-left: 2.5px;
  }
}
@media screen and (min-width: 1280px) {
  .home-mainblock .mb-item-1, .home-mainblock .mb-others {
    width: 50%;
  }
  
  .home-mainblock .mb-item .mb-image {
    height: 150px;
  }
  .home-mainblock .mb-item-1 .mb-image {
    height: 340px;
  }
  .home-mainblock .mb-item-2 .mb-image {
    height: 185px;
  }
}
/* /MAIN BLOCK */
.home-mainblock .mb-item .mb-image {
  overflow-y: hidden;
}
/* LONG NEWS */
.home-longnews {
  margin-bottom: 20px;
}
.home-longnews .hln-item {
  margin: 15px 0;
}

.home-longnews .hln-item .hln-image {
  position: absolute; top: 0; left: 0;
  width: 110px;
}
.home-longnews .hln-item .hln-image img {
  display: block;
  width: 100%; height: auto;
}

.home-longnews .hln-item .hln-right {
  min-height: 75px;
  padding: 6px 0; padding-left: 123px;
}

.home-longnews .hln-item a {
  color: #4d4d4d; font-size: 14px; font-weight: 700;
}
.home-longnews .hln-item a:hover {
  border-bottom: 1px dotted #4d4d4d;
}

.home-longnews .hln-item .hln-excerpt {
  display: none;
  font-size: 13px; line-height: 20px;
}
.home-longnews .hln-item .hln-excerpt p {
  margin: 8px 0 0 0;
}

.home-longnews .hln-item .hln-published {
  margin: 4px 0;
  color: #AAA;
}

.home-longnews .hln-item .hln-published a {
  color: #00b1bf; font-weight: 700; font-size: 13px;
}
.home-longnews .hln-item .hln-published a:hover {
  border-bottom: 1px dotted #00b1bf;
}

@media screen and (min-width: 480px) {
  .home-longnews .hln-item .hln-image {
    width: 140px;
  }
  .home-longnews .hln-item .hln-right {
    min-height: 105px;
    padding-left: 160px;
  }
}
@media screen and (min-width: 768px) {
  .home-longnews .hln-item .hln-excerpt {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .home-longnews .hln-item .hln-image {
    width: 205px;
  }
  .home-longnews .hln-item .hln-right {
    min-height: 110px;
    padding-left: 220px;
  }
}
/* /LONG NEWS */

/* REVIEW STYLE */
.home-reviewsstyle {
  margin-bottom: 60px;
}
.home-reviewsstyle .hrs-item {
  float: left;
  overflow: hidden;
  cursor: pointer; cursor: hand;
  position: relative;
}
.home-reviewsstyle .hrs-item-1 {
  width: 100%;
  margin-bottom: 10px;
}
.home-reviewsstyle .hrs-item-2, .home-reviewsstyle .hrs-item-3 {
  width: 49.5%;
}
.home-reviewsstyle .hrs-item-2 {
  margin-right: 0.5%;
}
.home-reviewsstyle .hrs-item-3 {
  margin-left: 0.5%;
}

.home-reviewsstyle .hrs-item .hrs-image img {
  display: block;
  width: 100%; height: auto;
}

.home-reviewsstyle .hrs-item .hrs-inner {
  padding: 55px 10px 10px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.home-reviewsstyle .hrs-item-1 .hrs-inner {
  padding-top: 46px;
}

.home-reviewsstyle .hrs-item .hrs-inner .hrs-title {
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
  white-space: pre-wrap;
}
.home-reviewsstyle .hrs-item .hrs-inner .hrs-title a {
  color: #FFF; 
  font-weight: bold; 
  font-size: 14px; 
  text-overflow: ellipsis;
}
.home-reviewsstyle .hrs-item .hrs-inner .hrs-title a:hover {
  border-bottom: 1px dotted #FFF;
}

.home-reviewsstyle .hrs-item .hrs-inner .hrs-date {
  margin-top: 3px;
  font-size: 10px; color: #FFF;
}
.home-reviewsstyle .hrs-item .hrs-inner .hrs-date a {
  color: #FFF; font-weight: 700;
}
.home-reviewsstyle .hrs-item .hrs-inner .hrs-date a:hover {
  border-bottom: 1px dotted #FFF;
}
.home-reviewsstyle .hrs-item-1 .hrs-inner .hrs-title a {
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .home-reviewsstyle .hrs-item-1 {
    width: 66.5%;
    margin-right: 1%; margin-bottom: 0;
  }
  .home-reviewsstyle .hrs-item-2, .home-reviewsstyle .hrs-item-3 {
    width: 32.4%;
    margin: 0;
  }
  .home-reviewsstyle .hrs-item-2 {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .home-reviewsstyle .hrs-item .hrs-inner {
      background: linear-gradient(0deg, rgba(47, 3, 64, 0.6) -0.3%, rgba(47, 3, 64, 0) 100%);
  }
}
/* /REVIEW STYLE */

/* AD */
.home-ad {
  margin: 25px 0;
}
.home-ad a:hover {
  border-bottom: 0;
}
.home-ad img {
  display: block;
  width: 100%; max-width: 850px; height: auto;
  margin: auto;
}
/* /AD */

/* LATEST NEWS */
.home-latestnews {
  margin-bottom: 60px;
}

.home-latestnews .col-3-item {
  width: 100% ;
  margin: 0 ;
  margin-bottom: 30px;
}
.home-latestnews .col-3-item:nth-last-child(-n+4){
  /*margin-bottom: 0;*/
}
.home-latestnews .col-3-item .hln-text {
  display: none !important;
}

@media screen and (min-width: 480px) {
  .home-latestnews .col-3-item {
    width: 48% ;
  }
  .home-latestnews .home-col3-2, .home-latestnews .home-col3-4, .home-latestnews .home-col3-6 {
    margin-left: 4% ;
  }
  .home-latestnews .col-3-item .hln-text {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .home-latestnews .col-3-item {
    width: 31.33333% ;
    margin: 0;
    margin-bottom: 30px;
  }
  .home-latestnews .home-col3-2, .home-latestnews .home-col3-5 {
    margin-left: 3% ;
    margin-right: 3% ;
  }
}
/* /LATEST NEWS */

/* CATEGORY BOX */
.home-categs {
  margin-bottom: 25px;
}

.home-categs h3 .hst-more-actions {
  display: block; float: right;
  height: 32px;
}
.home-categs h3 .hst-actions {
  display: none; float: right;
  height: 32px;
}

.home-categs .hc-show {
  display: block !important;
}

.home-categs h3 .hst-actions a {
  display: block;
  color: #FFF; font-size: 14px; font-weight: 400; line-height: 30px;
  transition: all 0.3s ease;
}
.home-categs h3 .hst-more-actions {
  padding: 0 11px;
  color: #FFF; font-size: 14px; font-weight: 400; line-height: 32px;
  background-color: #00B1BF;
  transition: all 0.3s ease;
}
.home-categs h3 .hst-actions a:hover, .home-categs h3 .hst-more-actions:hover {
  border-bottom: 0;
}
.home-categs h3 .hst-actions .hst-inner {
  position: absolute;
}
.home-categs h3 .hst-actions .hst-inner-inner {
  position: absolute; top: 30px; left: -160px;
  width: 160px;
  padding: 10px;
  background-color: #222;
}
.home-categs h3 .hst-more-actions i {
  margin-left: 5px; margin-right: 0;
}

.home-categs .hc-item .hc-title a {
  color: #4D4D4D; font-size: 14px; font-weight: 700;
}
.home-categs .hc-item .hc-title a:hover {
  border-bottom: 1px dotted #AAA;
}

.home-categs .hc-item-1 {
  float: left; width: 100%;
  margin-bottom: 20px;
}
.home-categs .hc-item-1 .hc-title, .home-categs .hc-item-1 .hc-text {
  margin-top: 12px;
}

.home-categs .hc-item .hc-date {
  margin-top: 3px;
  color: #AAA; font-size: 11px;
}
.home-categs .hc-item .hc-date a {
  font-weight: 700;
}

.home-categs .hc-others {
  float: left; width: 100%;
}

.home-categs .hc-item .hc-image .hc-image-inner img {
  display: block;
  width: 100%; height: auto;
}

.home-categs .hc-others .hc-item {
  min-height: 65px;
  margin-bottom: 15px;
}

.home-categs .hc-others .hc-item .hc-image {
  position: absolute;
}
.home-categs .hc-others .hc-item .hc-image .hc-image-inner {
  width: 100px;
  overflow: hidden;
}

.home-categs .hc-others .hc-item .hc-right {
  padding-left: 115px;
}

.home-categs .nothingfound {
  line-height: 120px; text-align: center; color: #4D4D4D; font-size: 14px; font-weight: 400;
}

.home-categs .b-category {
  display: none;
}
.home-categs .b-category:first-of-type {
  display: block;
}

@media screen and (min-width: 768px) {
  .home-categs h3 .hst-more-actions {
    display: none;
  }
  .home-categs h3 .hst-actions {
    display: block; position: relative; top: 0;
    padding-bottom: 12px;  
  }
  
  .home-categs h3 .hst-actions .hst-inner {
    position: static;
  }
  .home-categs h3 .hst-actions .hst-inner-inner {
    position: static;
    width: auto;
    padding: 0;
    background: none;
  }
  .home-categs h3 .hst-actions a {
    display: inline-block;
    padding: 0 9px;
    color: #00B1BF; line-height: 32px; font-weight: 700;
    transition: all 0.3s ease;
  }
  .home-categs h3 .hst-actions a:hover, .home-categs h3 .hst-more-actions:hover {
    color: #FFF;
    background-color: #00B1BF;
  }
  .home-categs h3 .hst-actions a.selected {
    color: #FFF;
    background-color: #00B1BF;
  }
  
  .home-categs .hc-item-1 {
    width: 60%;
    margin-bottom: 0;
  }
  .home-categs .hc-item-1 .hc-image-inner {
    overflow: hidden;
  }
  .home-categs .hc-others {
    width: 38%;
    margin-left: 2%;
  }
}
/* /CATEGORY BOX */

/* MEGA IMAGE */
.home-megaimage {
  position: relative; z-index: 1000;
  margin-bottom: 25px;
  background-color: #FFF;
}

.home-megaimage .hmi-item {
  float: left;
  width: 100%;
}

.home-megaimage .hmi-item .hmi-image img {
  display: block;
  width: 100%; max-width: 850px; height: auto;
  margin: auto;
}

.home-megaimage .hmi-item .hmi-inner {
  position: relative;
  top: -128px;
  height: 128px;
  padding: 46px 10px 0 10px;
  margin-bottom: -128px;
  background-repeat: repeat-x;
}

.home-megaimage .hmi-item .hmi-inner .hmi-title {
  margin-top: 8px;
  overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis;
}
.home-megaimage .hmi-item .hmi-inner .hmi-title a {
  color: #FFF; font-weight: bold; font-size: 20px; text-overflow: ellipsis;
}
.home-megaimage .hmi-item .hmi-inner .hmi-title a:hover {
  border-bottom: 1px dotted #FFF;
}

.home-megaimage .hmi-item .hmi-inner .hmi-date {
  margin-top: 3px;
  font-size: 10px; color: #FFF;
}
.home-megaimage .hmi-item .hmi-inner .hmi-date a {
  color: #FFF; font-weight: 700;
}
.home-megaimage .hmi-item .hmi-inner .hmi-date a:hover {
  border-bottom: 1px dotted #FFF;
}
@media screen and (min-width: 1024px) {
  .home-megaimage .hmi-item .hmi-inner {
      background-image: linear-gradient(to top, rgba(78, 78, 78, 1) 5%, rgba(78, 78, 78, 0.65) 30%, rgba(0, 0, 0, 0) 75%);
  }
}
/* /MEGA IMAGE */

/* RECENT COMMENTS */
.home-recent {
  margin-top: 25px;
}

.home-recent h3 {
  font-weight: 300;
  padding-bottom: 10px; text-transform: uppercase;
  border-bottom: 2px solid #222;
}

.home-recent li.dsq-widget-item {
  margin: 20px 0;
}
.home-recent a.dsq-widget-user {
  color: #222;
}
.home-recent a.dsq-widget-user:hover {
  border-bottom: 1px dotted #222;
}
.home-recent img.dsq-widget-avatar {
  margin-right: 8px; margin-bottom: 4px;
}
.home-recent p.dsq-widget-meta {
  margin-top: 4px;
  word-break: break-all;
}
/* /RECENT COMMENTS */

.homepage img {
  opacity: 0;
}

/* LARGE IMAGE */
.home-largeimage {
  position: relative; z-index: 1000;
  margin-bottom: 25px;
  background-color: #FFF;
}

.home-largeimage .hli-item {
  float: left;
  width: 100%;
}

.home-largeimage .hli-item .hli-left {
  float: left;
  width: 100%;
}
.home-largeimage .hli-item .hli-right {
  float: right;
  width: 100%;
}

.home-largeimage .hli-item .hli-left .hli-title {
  margin: 15px 0;
}
.home-largeimage .hli-item .hli-left .hli-title a {
  font-size: 20px; color: #4D4D4D; font-weight: 700;
}
.home-largeimage .hli-item .hli-left .hli-title a:hover {
  border-bottom: 1px dotted #4D4D4D;
}
.home-largeimage .hli-item .hli-left .hli-text {
  font-weight: 300; line-height: 20px;
}

.home-largeimage .hli-item .hli-left .hli-date {
  margin-top: 15px;
  color: #AAA; font-size: 11px;
}
.home-largeimage .hli-item .hli-left .hli-date a {
  font-weight: 700;
}

.home-largeimage .hli-item .hli-right img {
  display: block;
  width: 100%; height: auto;
}
.home-largeimage .hli-item .hli-right a {
  border-bottom: 0;
}

@media screen and (min-width: 768px) {
  .home-largeimage .hli-item .hli-left {
    width: 40%;
  }
  .home-largeimage .hli-item .hli-right {
    width: 55%;
    max-height: 265px;
    overflow: hidden;
  }
}
/* /LARGE IMAGE */

/* 2 COLS */
.home-twocols {
  margin-top: 25px;
}

.home-twocols .ti-item {
  float: left; width: 100%;
}

.home-twocols .ti-item .home-link .heffect {
  border: 1px solid transparent;
}
.home-twocols .ti-item-row .tii-image img {
  display: block;
  width: 100%; height: auto;
}

.home-twocols .ti-item-row .tii-inner {
  position: relative;
  top: -128px;
  height: 128px;
  padding: 55px 10px 0 10px;
  margin-bottom: -128px;
  background-repeat: repeat-x;
}
.home-twocols .ti-item-row .tii-hover {
  cursor: pointer; cursor: hand;
}

.home-twocols .ti-item-row .tii-inner .tii-title {
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}
.home-twocols .ti-item-row .tii-inner .tii-title a {
  color: #FFF; font-weight: bold; font-size: 14px; text-overflow: ellipsis;
}
.home-twocols .ti-item-row .tii-inner .tii-title a:hover {
  border-bottom: 1px dotted #FFF;
}

.home-twocols .ti-item-row .tii-inner .tii-date {
  margin-top: 3px;
  font-size: 10px; color: #FFF;
}
.home-twocols .ti-item-row .tii-inner .tii-date a {
  color: #FFF; font-weight: 700;
}
.home-twocols .ti-item-row .tii-inner .tii-date a:hover {
  border-bottom: 1px dotted #FFF;
}

.home-twocols .ti-item .ti-item-row {
  margin: 15px 0;
}
.home-twocols .ti-item .ti-item-row:first-of-type {
  margin-top: 0;
}
.home-twocols .ti-item .tii-simple .tii-image {
  float: left; width: 100px;
  margin-right: 12px;
}
.home-twocols .tii-simple .tii-inner {
  position: static;
  height: auto;
  padding: 0; margin-bottom: 0;
}
.home-twocols .tii-simple .tii-title {
  padding-top: 5px;
}
.home-twocols .tii-simple .tii-title a {
  color: #4D4D4D !important;
}
.home-twocols .tii-simple .tii-title a:hover {
  border-bottom: 1px dotted #4D4D4D !important;
}

.home-twocols .tii-simple .tii-date a {
  color: #00B1BF !important;
}
.home-twocols .tii-simple .tii-date a:hover {
  border-bottom: 1px dotted #00B1BF !important;
}

.home-twocols .tii-simple .tii-date {
  color: #AAA !important;
}

@media screen and (min-width: 640px) {
  .home-twocols .ti-item {
    width: 49%;
  }
  .home-twocols .ti-item:first-of-type {
    margin-right: 2%;
  }
}
@media screen and (min-width: 1024px) {
  .home-twocols .ti-item-row .tii-inner {
      background-image: linear-gradient(to top, rgba(78, 78, 78, 1) 5%, rgba(78, 78, 78, 0.65) 30%, rgba(0, 0, 0, 0) 75%);
  }
  .home-twocols .tii-simple .tii-inner {
    background: none;
  }
}
/* /2 COLS */

/* HOME FINDER */

.home-finder .cols-3 .col-3-item .at-text {
  display: block !important;
  margin-top: 10px;
}

@media screen and (min-width: 480px) {
  .home-finder .cols-3 .col-3-item div.art-text {
    height: 190px !important;
  }
  .home-finder .cols-3 .col-3-item .at-text {
    height: 164px !important;
  }
}

@media (max-width: 425px) {
   .home-mainblock .mb-item-1 .mb-inner .mb-title a {
    font-size: 18px;
  }
}
/* /HOME FINDER */
